Make a game that has infinite platforms and every time you touch a platform you get a point. and if you fall off you die and it gives you the points you got and a restart button's game

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

No:33379

←

Prev Next

→

Make a game that has infinite platforms and every ..ALL
Developer User15755｜Date and time 24/1/4 0:31:06
Build time 45.831 sec｜Game capacity 5.978KB｜

Script

Sure! Here's an example of a game that meets your specifications. Copy and save the code below as an HTML file, then open it in a web browser to play the game:

Score: 0

This game creates an infinite number of platforms that move upwards. Each time the player touches a platform, the score increases by one. If the player falls off the screen, the game ends, and the score along with a restart button is displayed. To play the game on a smartphone, you can open the HTML file in a mobile browser, and use touch input instead of keyboard input to move the player left and right. The game should adjust to fit the screen size of the device. Please note that this code is just a basic example and can be further expanded and customized based on your specific requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's an example of a game that meets your specifications. Copy and save the code below as an HTML file, then open it in a web browser to play the game:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Infinite Platform Game</title>
  <style>
    #game {
      position: relative;
      width: 100%;
      height: 400px;
      background-color: #f0f0f0;
      overflow: hidden;
    }
    #player {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 50px;
      height: 50px;
      background-color: #ff0000;
    }
    .platform {
      position: absolute;
      height: 20px;
      width: 100px;
      background-color: #00ff00;
      border-radius: 10px;
    }
    #score {
      position: absolute;
      top: 10px;
      right: 10px;
      font-family: Arial, sans-serif;
      font-size: 24px;
    }
    #message {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #ff0000;
      font-family: Arial, sans-serif;
      font-size: 32px;
      display: none;
    }
    #restart-btn {
      position: absolute;
      top: 60%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: Arial, sans-serif;
      font-size: 24px;
      background-color: #00ff00;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
      color: #fff;
      display: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
  </div>
  <span id="score">Score: 0</span>
  <div id="message"></div>
  <button id="restart-btn">Restart</button>

// Platform class
    class Platform {
      constructor(left) {
        this.left = left;
        this.bottom = 0;
        this.element = document.createElement("div");
        this.element.classList.add("platform");
        this.element.style.left = `${this.left}px`;
        gameContainer.appendChild(this.element);
      }

update() {
        this.bottom -= gameSpeed;
        this.element.style.bottom = `${this.bottom}px`;
      }
    }

// Player movement
    function movePlayer(event) {
      const key = event.key;
      const gameWidth = gameContainer.offsetWidth;
      const playerWidth = player.offsetWidth;
      const playerPos = player.offsetLeft;

if (key === "ArrowLeft" && playerPos > 0) {
        player.style.left = `${playerPos - playerWidth}px`;
      } else if (key === "ArrowRight" && playerPos < gameWidth - playerWidth) {
        player.style.left = `${playerPos + playerWidth}px`;
      }
    }

// Game loop
    function gameLoop() {
      if (!gameIsOver) {
        scoreElement.innerText = `Score: ${score}`;

if (platforms.length < 5) {
          const platformLeft = Math.random() * (gameContainer.offsetWidth - 100);
          const newPlatform = new Platform(platformLeft);
          platforms.push(newPlatform);
        }

platforms.forEach((platform, index) => {
          platform.update();

if (platform.bottom < -20) {
            platforms.splice(index, 1);
            gameContainer.removeChild(platform.element);
          }

// Check collision with player
          const playerPos = player.offsetTop;
          const playerLeft = player.offsetLeft;
          const playerRight = playerLeft + player.offsetWidth;
          const platformTop = platform.element.offsetTop;
          const platformLeft = platform.element.offsetLeft;
          const platformRight = platformLeft + platform.element.offsetWidth;

if (
            playerPos === platformTop - 50 &&
            playerLeft >= platformLeft - 40 &&
            playerRight <= platformRight + 40
          ) {
            score++;
          }

// Check if player fell off
          if (playerPos >= gameContainer.offsetHeight) {
            gameOver();
          }
        });

checkScore();
        requestAnimationFrame(gameLoop);
      }
    }

// Game over
    function gameOver() {
      gameIsOver = true;
      messageElement.innerText = `Game Over! Score: ${score}`;
      messageElement.style.display = "block";
      restartButton.style.display = "block";
    }

// Check score to increase game speed
    function checkScore() {
      if (score > 0 && score % 10 === 0) {
        gameSpeed += 0.5;
      }
    }

// Restart game
    function restartGame() {
      score = 0;
      gameSpeed = 2;
      platforms.forEach(platform => {
        gameContainer.removeChild(platform.element);
      });
      platforms = [];
      gameIsOver = false;
      player.style.left = "50%";
      messageElement.style.display = "none";
      restartButton.style.display = "none";
      gameLoop();
    }

// Event listeners
    document.addEventListener("keydown", movePlayer);
    restartButton.addEventListener("click", restartGame);

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

To play the game on a smartphone, you can open the HTML file in a mobile browser, and use touch input instead of keyboard input to move the player left and right. The game should adjust to fit the screen size of the device.

Please note that this code is just a basic example and can be further expanded and customized based on your specific requirements.