Platform a game with physics and gravity, and different levels that you can jump jump around with spikes, lava and enemies And floors's game

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

No:52314

121

←

Prev Next

→

Platform a game with physics and gravity, and diff..ALL
Developer User21839｜Date and time 24/3/20 12:52:07
Build time 8.172 sec｜Game capacity 1.656KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Platformer Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    
    let playerX = 50;
    let playerY = 300;
    let playerWidth = 30;
    let playerHeight = 30;
    let playerSpeed = 5;
    
    let gravity = 1;
    let jumpForce = 20;
    let isJumping = false;
    
    let floorY = 350;
    
    function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
    }
    
    function drawFloor() {
      ctx.fillStyle = "green";
      ctx.fillRect(0, floorY, canvas.width, canvas.height - floorY);
    }
    
    function applyGravity() {
      if (playerY < floorY - playerHeight) {
        playerY += gravity;
      }
    }
    
    function jump() {
      if (!isJumping) {
        isJumping = true;
        let jumpTimer = setInterval(() => {
          if (playerY > floorY - playerHeight * 2) {
            playerY -= jumpForce;
          } else {
            isJumping = false;
            clearInterval(jumpTimer);
          }
        }, 1000 / 60);
      }
    }
    
    function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      drawPlayer();
      drawFloor();
      applyGravity();
    }
    
    function gameLoop() {
      updateGame();
      requestAnimationFrame(gameLoop);
    }
    
    document.addEventListener("keydown", (e) => {
      if (e.key === " ") {
        jump();
      }
    });
    
    gameLoop();
  </script>
</body>
</html>
```