RUN FROM A EVIL CAKE's game

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

No:20140

←

Prev Next

→

RUN FROM A EVIL CAKE
Developer User8969｜Date and time 23/10/8 16:26:02
Build time 10.1 sec｜Game capacity 1.763KB｜

Script

🏃

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Run from an Evil Cake</title>
    <style>
      #game-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        font-size: 5rem;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      🏃
    </div>
    <script>
      // Variables to store game state
      let position = 0;
      let speed = 10;
      let gameLoop;

// Function to move the player
      function movePlayer(event) {
        if (event.key === 'ArrowRight') {
          position += speed;
        } else if (event.key === 'ArrowLeft') {
          position -= speed;
        }
        document.getElementById('game-container').style.transform = `translateX(${position}px)`;

// Check if the player is caught by the evil cake
        if (position >= window.innerWidth - 100) {
          endGame();
        }
      }

// Function to start the game
      function startGame() {
        document.addEventListener('keydown', movePlayer);
        gameLoop = setInterval(moveBackground, 50);
      }

// Function to move the background
      function moveBackground() {
        position -= speed;
        document.getElementById('game-container').style.transform = `translateX(${position}px)`;

// Check if the player reached the end of the screen
        if (position <= -(window.innerWidth - 100)) {
          endGame();
        }
      }

// Function to end the game
      function endGame() {
        document.removeEventListener('keydown', movePlayer);
        clearInterval(gameLoop);
        alert('Game Over! The evil cake caught you.');
      }

// Start the game
      startGame();
    </script>
  </body>
</html>