Make me a game like Subway Surfers of a kid who sprays graffiti where it's not allowed and a policeman chases him's game

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

No:33420

←

Prev Next

→

Make me a game like Subway Surfers of a kid who sp..ALL
Developer User15766｜Date and time 24/1/4 4:44:15
Build time 22.616 sec｜Game capacity 3.199KB｜

Script

Sure! Here's a basic implementation of a simple game similar to Subway Surfers where a kid sprays graffiti and a policeman chases him. The game runs in a single HTML file and uses JavaScript enclosed in `` tags. <br><br> <br> <style> #gameContainer { width: 400px; height: 600px; background-color: #000; position: relative; } #kid, #policeman { width: 50px; height: 50px; position: absolute; } #kid { background-color: #f00; } #policeman { background-color: #00f; } #score { color: #fff; font-size: 24px; position: absolute; top: 10px; left: 10px; } </style> <div id="gameContainer"> <div id="kid"></div> <div id="policeman"></div> <div id="score">0</div> </div>

Please note that this is a very basic implementation and can be expanded upon to make it more feature-rich and visually appealing. Feel free to modify and improve it as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #gameContainer {
      width: 400px;
      height: 600px;
      background-color: #000;
      position: relative;
    }
    #kid, #policeman {
      width: 50px;
      height: 50px;
      position: absolute;
    }
    #kid {
      background-color: #f00;
    }
    #policeman {
      background-color: #00f;
    }
    #score {
      color: #fff;
      font-size: 24px;
      position: absolute;
      top: 10px;
      left: 10px;
    }
  </style>
</head>
<body>
  <div id="gameContainer">
    <div id="kid"></div>
    <div id="policeman"></div>
    <div id="score">0</div>
  </div>

// Game initialization
    function initializeGame() {
      // Reset game variables
      currentScore = 0;
      isGameOver = false;
      score.textContent = '0';
      kid.style.left = '50px';
      kid.style.top = '50%';
      policeman.style.left = '350px';
      policeman.style.top = '50%';

// Start game loop
      setInterval(gameLoop, 10);
    }

// Game loop
    function gameLoop() {
      if (!isGameOver) {
        var currentKidTop = parseFloat(kid.style.top);
        var currentKidLeft = parseFloat(kid.style.left);
        var currentPolicemanLeft = parseFloat(policeman.style.left);

// Move kid
        if (currentKidTop >= 0) {
          kid.style.top = currentKidTop - 1 + 'px';
        }

// Move policeman
        if (currentPolicemanLeft > 0) {
          policeman.style.left = currentPolicemanLeft - gameSpeed + 'px';
        } else {
          // Reset policeman position
          policeman.style.left = '450px';
        }

// Update score
        currentScore += 1;
        score.textContent = currentScore;

// Check collision
        if (isColliding(kid, policeman)) {
          endGame();
        }
      }
    }

// Detect collision
    function isColliding(element1, element2) {
      var rect1 = element1.getBoundingClientRect();
      var rect2 = element2.getBoundingClientRect();

return !(
        rect1.top > rect2.bottom ||
        rect1.bottom < rect2.top ||
        rect1.right < rect2.left ||
        rect1.left > rect2.right
      );
    }

// End game
    function endGame() {
      isGameOver = true;
      clearInterval(gameLoopInterval);

// Add game over logic here
      alert('Game Over!');
    }

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

Please note that this is a very basic implementation and can be expanded upon to make it more feature-rich and visually appealing. Feel free to modify and improve it as per your requirements.