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

No:8960

167

←

Prev Next

→

I wanted to make a runner game in which A kid na..ALL
Developer User4273｜Date and time 23/7/19 23:26:31
Build time 33.597 sec｜Game capacity 3.568KB｜

Script

Sure! Here's a sample HTML file that implements a simple runner game called "Mc's Escape" using JavaScript:

Mc's Escape

Help Mc escape from the rat!

In this game, you control a kid named "Mc" using the left and right arrow keys on your device. Your goal is to avoid the rat and prevent Mc from being caught. Mc automatically runs up and you can't stop it, so your only option is to move left or right to avoid the rat. If the rat catches Mc, the game will end and you'll be prompted with a game over message. You can restart the game by refreshing the page. Note: This is just a basic implementation and can be further enhanced with additional features and graphics based on your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a sample HTML file that implements a simple runner game called "Mc's Escape" using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mc's Escape - Runner Game</title>
  <style>
    #game-container {
      width: 200px;
      height: 200px;
      border: 1px solid black;
      position: relative;
      overflow: hidden;
    }
    
    #mc {
      position: absolute;
      left: 50px;
      bottom: 0;
      width: 20px;
      height: 20px;
      background-color: blue;
    }
    
    #rat {
      position: absolute;
      left: 100px;
      bottom: 0;
      width: 20px;
      height: 20px;
      background-color: gray;
    }
  </style>
</head>
<body>
  <h1>Mc's Escape</h1>
  <p>Help Mc escape from the rat!</p>
  
  <div id="game-container">
    <div id="mc"></div>
    <div id="rat"></div>
  </div>

// Get DOM elements
    const mcElement = document.getElementById('mc');
    const ratElement = document.getElementById('rat');

// Start the game
    function startGame() {
      document.addEventListener('keydown', moveMc);
      gameLoop();
    }

// Handle keydown event to move Mc character
    function moveMc(event) {
      // Only handle left and right arrow keys
      if (event.keyCode === 37 || event.keyCode === 39) {
        event.preventDefault();
        const mcLeft = parseInt(mcElement.style.left);
        
        // Move left
        if (event.keyCode === 37) {
          if (mcLeft - mcSpeed >= 0) {
            mcElement.style.left = mcLeft - mcSpeed + 'px';
          }
        }
        
        // Move right
        if (event.keyCode === 39) {
          if (mcLeft + mcSpeed + mcElement.offsetWidth <= gameContainer.offsetWidth) {
            mcElement.style.left = mcLeft + mcSpeed + 'px';
          }
        }
      }
    }

// Game loop
    function gameLoop() {
      const ratLeft = parseInt(ratElement.style.left);
      const ratBottom = parseInt(ratElement.style.bottom);
      const mcLeft = parseInt(mcElement.style.left);
      const mcBottom = parseInt(mcElement.style.bottom);

// Check if rat caught Mc
      if (ratLeft === mcLeft && ratBottom === mcBottom) {
        alert('Game Over! The rat caught Mc.');
        location.reload(); // Restart the game
        return;
      }

// Move the rat up
      if (ratBottom + ratSpeed <= gameContainer.offsetHeight) {
        ratElement.style.bottom = ratBottom + ratSpeed + 'px';
      } else {
        // If rat reaches the top, reset its position
        ratElement.style.bottom = '0px';
        ratElement.style.left = Math.random() * (gameContainer.offsetWidth - ratElement.offsetWidth) + 'px';
      }

// Repeat the game loop
      requestAnimationFrame(gameLoop);
    }

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

Note: This is just a basic implementation and can be further enhanced with additional features and graphics based on your requirements.