This game is based a parkour's game | AI game creator

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

No:46804

38

This game is based a parkour
Developer User20240｜Date and time 24/2/26 2:53:31
Build time 4.196 sec｜Game capacity 1.122KB｜

→ 　

0　

0　

　
　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Parkour Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let playerX = 50;
    let playerY = 500;
    let playerWidth = 50;
    let playerHeight = 50;
    let playerSpeed = 5;
    
    function drawPlayer() {
      ctx.fillStyle = 'red';
      ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
    }
    
    function movePlayer(direction) {
      if (direction === 'left') {
        playerX -= playerSpeed;
      } else if (direction === 'right') {
        playerX += playerSpeed;
      }
    }
    
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      requestAnimationFrame(gameLoop);
    }
    
    gameLoop();
    
    document.addEventListener('keydown', (event) => {
      if (event.key === 'ArrowLeft') {
        movePlayer('left');
      } else if (event.key === 'ArrowRight') {
        movePlayer('right');
      }
    });
  </script>
</body>
</html>