AI game creator

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

No:27196

←

Prev Next

→

Km/h meter
Developer User7816｜Date and time 23/12/5 1:45:57
Build time 47.584 sec｜Game capacity 2.356KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
  <title>Km/h Meter Game</title>
</head>

// Constants for game design
    const carWidth = 50;
    const carHeight = 100;
    const roadWidth = 200;

// Initialize game variables
    let speed = 0;
    let score = 0;
    let gameEnded = false;

// Load game assets
    const carImage = new Image();
    carImage.src = 'car.png';

// Handle user input
    document.addEventListener('keydown', handleKeyDown);
    document.addEventListener('keyup', handleKeyUp);

// Game main loop
    function gameLoop() {
      // Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Update game state
      speed += 0.1;
      score += Math.floor(speed);

// Draw road markings
      context.fillStyle = '#fff';
      for (let i = 0; i < canvas.height; i += 100) {
        context.fillRect(canvas.width / 2 - 5, i + score % 100, 10, 60);
      }

// Draw the car
      const carX = canvas.width / 2 - carWidth / 2;
      const carY = canvas.height - carHeight;
      context.drawImage(carImage, carX, carY, carWidth, carHeight);

// Draw speed in km/h
      context.fillStyle = '#000';
      context.font = '20px Arial';
      context.fillText(`Speed: ${Math.floor(speed)} km/h`, 10, 30);

// Check for game over
      if (carY < score % 100) {
        gameEnded = true;
        // Display game over message
        context.fillStyle = '#f00';
        context.font = '40px Arial';
        context.fillText('Game Over!', 100, canvas.height / 2);
      }

// If game has not ended, request next animation frame
      if (!gameEnded) {
        requestAnimationFrame(gameLoop);
      }
    }

// Event handlers for key down and key up
    function handleKeyDown(event) {
      if (event.key === 'ArrowUp') {
        // Increase speed when arrow up key is pressed
        speed += 1;
      }
    }

function handleKeyUp(event) {
      if (event.key === 'ArrowUp') {
        // Decrease speed when arrow up key is released
        speed -= 1;
      }
    }

// Start the game
    gameLoop();

</script>
</body>

</html>