AI game creator

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

No:33870

←

Prev Next

→

A roadrage game
Developer User10862｜Date and time 24/1/6 21:52:55
Build time 31.686 sec｜Game capacity 2.878KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<HTML>
<head>
  <title>Road Rage Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>
  <script>
    // JavaScript code for the Road Rage Game
    // Define canvas and context variables
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

// Define player variables
    var player = {
      x: canvas.width / 2,
      y: canvas.height - 50,
      width: 50,
      height: 50,
      speed: 5,
      image: new Image()
    };
    player.image.src = "player.png";

// Define enemy variables
    var enemy = {
      x: Math.random() * (canvas.width - 50),
      y: -50,
      width: 50,
      height: 50,
      speed: 2,
      image: new Image()
    };
    enemy.image.src = "enemy.png";

// Define game variables
    var score = 0;
    var gameOver = false;

// Keyboard event listeners
    document.addEventListener("keydown", movePlayerHandler);

// Move player based on keyboard input
    function movePlayerHandler(event) {
      if (event.keyCode === 37) {
        player.x -= player.speed;
      }
      if (event.keyCode === 39) {
        player.x += player.speed;
      }
    }

// Main game loop
    function gameLoop() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Update player position
      if (!gameOver) {
        if (player.x < 0) {
          player.x = 0;
        }
        if (player.x > canvas.width - player.width) {
          player.x = canvas.width - player.width;
        }
      }

// Update enemy position
      if (!gameOver) {
        enemy.y += enemy.speed;

// Check collision with player
        if (
          player.x < enemy.x + enemy.width &&
          player.x + player.width > enemy.x &&
          player.y < enemy.y + enemy.height &&
          player.y + player.height > enemy.y
        ) {
          gameOver = true;
        }
      }

// Draw player
      context.drawImage(player.image, player.x, player.y, player.width, player.height);

// Draw enemy
      context.drawImage(enemy.image, enemy.x, enemy.y, enemy.width, enemy.height);

// Update score
      if (!gameOver) {
        score++;
      }

// Draw score
      context.fillStyle = "#000";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);

// Game over condition
      if (gameOver) {
        context.fillStyle = "#f00";
        context.font = "40px Arial";
        context.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
        context.font = "20px Arial";
        context.fillText("Press F5 to Restart", canvas.width / 2 - 100, canvas.height / 2 + 50);
      } else {
        // Request animation frame
        requestAnimationFrame(gameLoop);
      }
    }

// Start game loop
    gameLoop();
  </script>
</body>
</html>