In this game you are a ✅ emoji. You can move by using arrows at the bottom of the screen. There are ❌ that will move closer to you and try to turn you into a 💀if you turn into a 💀you will get a game over screen. If you go out of the play area you will teleport to the other side of the screen. Once you want to start playing, click START in the middle of the screen. There can only be 6 ❌’s at once's game

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

No:33975

153

←

Prev Next

→

In this game you are a ✅ emoji. You can move by us..ALL
Developer User15955｜Date and time 24/1/7 7:50:02
Build time 40.38 sec｜Game capacity 4.719KB｜

Script

Sure! Here's a single HTML file that includes a game where you control a ✅ emoji using arrow buttons to avoid ❌ emojis. The game starts when you press the "START" button, and if you collide with an ❌ emoji or go beyond the play area, you'll get a game over screen.

✅

To play the game, you can copy the above code and save it as an HTML file. Open the HTML file in a web browser, and you should be able to play the game using the arrow buttons provided.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game-container {
      position: relative;
      width: 300px;
      height: 300px;
      border: 1px solid black;
    }
    .emoji {
      position: absolute;
      font-size: 48px;
    }
    #player {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .enemy {
      animation: moveEnemies 1s infinite linear;
    }
    @keyframes moveEnemies {
      0% {
        left: 0;
      }
      100% {
        left: 300px;
      }
    }
    .game-over {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player" class="emoji">✅</div>
  </div>
  
  <div id="controls">
    <button id="start-button">START</button>
    <button id="up-button">⬆️</button>
    <button id="down-button">⬇️</button>
    <button id="left-button">⬅️</button>
    <button id="right-button">➡️</button>
  </div>
  
  <script>
    var player;
    var enemies = [];
    var score = 0;

// Function to create and move enemies
    function createEnemy() {
      var enemy = document.createElement("div");
      enemy.classList.add("emoji");
      enemy.classList.add("enemy");
      enemy.innerText = "❌";
      document.getElementById("game-container").appendChild(enemy);
      enemies.push(enemy);
    }

function moveEnemies() {
      enemies.forEach(function(enemy) {
        var playerRect = player.getBoundingClientRect();
        var enemyRect = enemy.getBoundingClientRect();

if (isColliding(playerRect, enemyRect)) {
          gameOver();
          return; // Exit the loop
        }

enemy.style.left = parseInt(enemy.style.left || 0) + 5 + "px";

// Remove enemies when they move out of the play area
        if (parseInt(enemy.style.left) > 300) {
          enemy.remove();
          enemies.splice(enemies.indexOf(enemy), 1);
          score++;
        }
      });
    }

// Function to check collision between player and enemy
    function isColliding(playerRect, enemyRect) {
      return !(
        enemyRect.top > playerRect.bottom ||
        enemyRect.bottom < playerRect.top ||
        enemyRect.left > playerRect.right ||
        enemyRect.right < playerRect.left
      );
    }

// Function to handle game over
    function gameOver() {
      clearInterval(enemyInterval);
      document.getElementById("player").remove();
      document.getElementById("game-container").innerHTML = "<div class='game-over'>Game Over! Score: " + score + "</div>";
    }

// Function to handle player movement
    function handleMovement(event) {
      var playerRect = player.getBoundingClientRect();

if (event.keyCode === 38) {
        // Up arrow key
        var top = playerRect.top - playerRect.height;
        if (top < 0) {
          top = 300 - playerRect.height;
        }
        player.style.top = top + "px";
      } else if (event.keyCode === 40) {
        // Down arrow key
        var top = playerRect.top + playerRect.height;
        if (top >= 300) {
          top = 0;
        }
        player.style.top = top + "px";
      } else if (event.keyCode === 37) {
        // Left arrow key
        var left = playerRect.left - playerRect.width;
        if (left < 0) {
          left = 300 - playerRect.width;
        }
        player.style.left = left + "px";
      } else if (event.keyCode === 39) {
        // Right arrow key
        var left = playerRect.left + playerRect.width;
        if (left >= 300) {
          left = 0;
        }
        player.style.left = left + "px";
      }
    }

// Initialize the game
    function initGame() {
      player = document.getElementById("player");
      document.addEventListener("keydown", handleMovement);
      
      document.getElementById("start-button").disabled = true;

var enemyInterval = setInterval(function() {
        if (enemies.length < 6) {
          createEnemy();
        }
      }, 2000);

setInterval(moveEnemies, 60);
    }

// Start the game when the START button is clicked
    document.getElementById("start-button").addEventListener("click", initGame);
  </script>
</body>
</html>
```

To play the game, you can copy the above code and save it as an HTML file. Open the HTML file in a web browser, and you should be able to play the game using the arrow buttons provided.