An endless up platformer's game

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

No:25217

103

←

Prev Next

→

An endless up platformer
Developer User8387｜Date and time 23/11/19 7:23:52
Build time 84.17 sec｜Game capacity 4.034KB｜

Script

Sure! Here's an example of an endless up platformer game implemented as a single HTML file using JavaScript. You can copy and save the code to an HTML file and open it in a web browser to play the game. Note that the game is suited for desktop browsers rather than smartphones, but you can try it out on your smartphone as well.

In this game, you control a red square (the player) using the spacebar (or any key) to jump. The objective is to avoid colliding with the green platforms as they move upwards endlessly. If the player collides with a platform, a "Game Over" message will be displayed, and the game will reset.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Endless Up Platformer</title>
  <style>
    #gameCanvas {
      background-color: #000;
      position: relative;
      width: 400px;
      height: 600px;
      margin: 0 auto;
      overflow: hidden;
    }
    #player {
      background-color: #f00;
      width: 50px;
      height: 50px;
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }
    .platform {
      background-color: #0f0;
      width: 100px;
      height: 10px;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="gameCanvas">
    <div id="player"></div>
  </div>

let playerPosY = 10;
      let platformGap = 200;
      let platforms = [];
      let isJumping = false;

function handleJump() {
        if (!isJumping) {
          isJumping = true;
          let jumpHeight = gameCanvas.offsetHeight - player.offsetHeight - platformGap;
          let currentHeight = Math.min(jumpHeight, 200);
          let jumpInterval;

jumpInterval = setInterval(jump, 10);
        }
      }

function handleGameOver() {
        alert('Game Over');
        platforms.forEach(platform => platform.remove());
        platforms = [];
        player.style.bottom = '10px';
      }

function gameLoop() {
        createPlatform();
        movePlatforms();
        checkCollision();
        requestAnimationFrame(gameLoop);
      }

gameLoop();

document.addEventListener('keydown', event => {
        if (event.keyCode === 32) {
          handleJump();
        }
      });
    });
  </script>
</body>
</html>
```