Gra w której poruszamy się w prawo i przeskakujemy przeszkody's game

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

No:47481

181

←

Prev Next

→

Gra w której poruszamy się w prawo i przeskakujemy..ALL
Developer User20368｜Date and time 24/2/28 4:37:20
Build time 5.364 sec｜Game capacity 1.078KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Jumping 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 = 270;
    let playerVelocity = 0;
    let isJumping = false;

function drawPlayer() {
      ctx.fillStyle = 'red';
      ctx.fillRect(playerX, playerY, 30, 30);
    }

function jump() {
      if (!isJumping) {
        isJumping = true;
        playerVelocity = 8;
      }
    }

function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();

playerY -= playerVelocity;
      playerVelocity -= 0.5;

if (playerY >= 270) {
        playerY = 270;
        playerVelocity = 0;
        isJumping = false;
      }

requestAnimationFrame(updateGame);
    }

updateGame();

document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowUp') {
        jump();
      }
    });
  </script>
</body>
</html>