A game where you jump on platforms and avoid traps's game

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

No:50761

126

←

Prev Next

→

A game where you jump on platforms and avoid traps
Developer User21399｜Date and time 24/3/9 14:26:08
Build time 6.29 sec｜Game capacity 1.434KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Platform Jumper</title>
  <style>
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: blue;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .platform {
      position: absolute;
      width: 80px;
      height: 20px;
      background-color: green;
    }
    .trap {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  
  <script>
    const player = document.getElementById('player');
    let isJumping = false;
    let gravity = 0.9;
    let velocity = 0;
    
    function jump() {
      if (!isJumping) {
        isJumping = true;
        velocity = 10;
      }
    }
    
    function gameLoop() {
      velocity -= gravity;
      player.style.bottom = parseInt(player.style.bottom) - velocity + 'px';
      
      if (parseInt(player.style.bottom) <= 0) {
        velocity = 0;
        isJumping = false;
        player.style.bottom = '0px';
      }
      
      // Check collision with platforms and traps here
      
      requestAnimationFrame(gameLoop);
    }
    
    document.addEventListener('keydown', function(event) {
      if (event.keyCode === 32) {
        jump();
      }
    });
    
    // Create platforms and traps here
    
    requestAnimationFrame(gameLoop);
  </script>
</body>
</html>