Red shooter you are a red emoji warrior tap the screen to shoot the green emoji Monsters's game

Click here for free DL of the app version that can save data.

No:38499

←

Prev Next

→

Red shooter you are a red emoji warrior tap the sc..ALL
Developer User17401｜Date and time 24/1/24 23:46:53
Build time 24.855 sec｜Game capacity 6.281KB｜

Script

Sure! Here's an example of a simple game called "Red Shooter", where you control a red emoji warrior and tap the screen to shoot green emoji monsters. The game will be implemented as a single HTML file using JavaScript and enclosed in script tags. Please note that this is a basic implementation and can be further expanded and optimized if desired.

To play the game, open the HTML file in a web browser on your smartphone and tap the screen to shoot the green emoji monsters. The red emoji warrior (your player character) will automatically move towards the monsters. Your goal is to eliminate all the monsters by shooting projectiles at them. Good luck!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Red Shooter</title>
    <style>
      #game-container {
        position: relative;
        width: 100%;
        height: 100%;
      }
      #player {
        position: absolute;
        width: 30px;
        height: 30px;
        background: red;
        border-radius: 50%;
      }
      .monster {
        position: absolute;
        width: 30px;
        height: 30px;
        background: green;
        border-radius: 50%;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="player"></div>
    </div>

// Initialize game
      function initializeGame() {
        createPlayer();
        createMonsters();
        setInterval(updateGame, 10);
      }

// Creates the player character
      function createPlayer() {
        var player = document.getElementById("player");
        player.style.top = "50%";
        player.style.left = "50%";
        player.style.transform = "translate(-50%, -50%)";
      }

// Creates random monsters
      function createMonsters() {
        for (var i = 0; i < 10; i++) {
          var monster = document.createElement("div");
          monster.className = "monster";
          monster.style.top = Math.random() * 90 + "%";
          monster.style.left = Math.random() * 90 + "%";
          monster.style.transform = "translate(-50%, -50%)";
          monsters.push(monster);
          document.getElementById("game-container").appendChild(monster);
        }
      }

// Updates game state
      function updateGame() {
        moveMonsters();
      }

// Moves the monsters towards the player
      function moveMonsters() {
        var player = document.getElementById("player");
        var playerPosition = getPlayerPosition(player);

for (var i = 0; i < monsters.length; i++) {
          var monster = monsters[i];
          var monsterPosition = getPlayerPosition(monster);
          var directionX = playerPosition.x - monsterPosition.x;
          var directionY = playerPosition.y - monsterPosition.y;
          var distance = Math.sqrt(
            directionX * directionX + directionY * directionY
          );
          var speedX = (monsterSpeed / distance) * directionX;
          var speedY = (monsterSpeed / distance) * directionY;

monster.style.left =
            parseFloat(monster.style.left) + speedX + "%";
          monster.style.top = parseFloat(monster.style.top) + speedY + "%";
        }
      }

// Retrieves player/monster position
      function getPlayerPosition(element) {
        var rect = element.getBoundingClientRect();
        var x = rect.left + rect.width / 2;
        var y = rect.top + rect.height / 2;
        return { x: x, y: y };
      }

// Event handler for shooting on tap/click
      document.addEventListener("click", shootProjectile);

// Shoots a projectile towards the tapped/clicked position
      function shootProjectile(event) {
        var player = document.getElementById("player");
        var projectile = document.createElement("div");
        projectile.className = "monster"; // reuse monster class for simplicity
        projectile.style.top = player.offsetTop + playerSize / 2 + "px";
        projectile.style.left = player.offsetLeft + playerSize / 2 + "px";
        document.getElementById("game-container").appendChild(projectile);

var directionX = event.pageX - player.offsetLeft;
        var directionY = event.pageY - player.offsetTop;
        var distance = Math.sqrt(
          directionX * directionX + directionY * directionY
        );
        var speedX = (playerSpeed / distance) * directionX;
        var speedY = (playerSpeed / distance) * directionY;

var projectileInterval = setInterval(function () {
          var projectilePosition = getPlayerPosition(projectile);
          var projectileTop = projectile.offsetTop + speedY + "px";
          var projectileLeft = projectile.offsetLeft + speedX + "px";

projectile.style.top = projectileTop;
          projectile.style.left = projectileLeft;

// Check if projectile hit a monster
          for (var i = 0; i < monsters.length; i++) {
            var monster = monsters[i];
            var monsterPosition = getPlayerPosition(monster);
            var collisionDistance =
              (monsterSize + playerSize) / 2; // collision distance threshold
            var distanceX =
              Math.abs(projectilePosition.x - monsterPosition.x);
            var distanceY =
              Math.abs(projectilePosition.y - monsterPosition.y);

if (distanceX <= collisionDistance && distanceY <= collisionDistance) {
              // Remove monster and projectile on collision
              monster.remove();
              projectile.remove();
              monsters.splice(i, 1);
              clearInterval(projectileInterval);
              break;
            }
          }

// Remove projectile if it goes out of bounds
          if (
            projectilePosition.x < 0 ||
            projectilePosition.y < 0 ||
            projectilePosition.x > window.innerWidth ||
            projectilePosition.y > window.innerHeight
          ) {
            projectile.remove();
            clearInterval(projectileInterval);
          }
        }, 10);
      }

// Start the game after page load
      window.onload = initializeGame;
    </script>
  </body>
</html>
```