A drift game with points every second you are alive's game

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

No:50601

←

Prev Next

→

A drift game with points every second you are aliv..ALL
Developer User21369｜Date and time 24/3/9 8:05:21
Build time 5.287 sec｜Game capacity 1.082KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Drift Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let score = 0;
    let playerX = 400;
    let playerY = 300;
    
    function drawPlayer() {
      ctx.fillStyle = 'red';
      ctx.fillRect(playerX, playerY, 20, 40);
    }
    
    function drawScore() {
      ctx.fillStyle = 'black';
      ctx.font = '24px Arial';
      ctx.fillText('Score: ' + score, 10, 30);
    }
    
    function updateGameArea() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      playerX += Math.floor((Math.random() * 10) - 5);
      playerY += Math.floor((Math.random() * 10) - 5);
      
      if (playerX < 0 || playerX > canvas.width || playerY < 0 || playerY > canvas.height) {
        score++;
        playerX = 400;
        playerY = 300;
      }
      
      drawPlayer();
      drawScore();
    }
    
    setInterval(updateGameArea, 1000);
  </script>
</body>
</html>