AI game creator

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

No:15612

←

Prev Next

→

Dinosaur racing
Developer SkyllerForce｜Date and time 23/9/10 6:10:14
Build time 26.393 sec｜Game capacity 3.476KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Dinosaur Racing</title>
</head>
<body>

// Game state variables
    var gameRunning = false;
    var gameOver = false;
    var requestId;

// Initialize game elements and start the game
    function startGame() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");
      score = 0;

dino = {
        x: 50,
        y: canvas.height / 2,
        width: 50,
        height: 50,
        speedX: 5,
        img: new Image()
      };
      dino.img.src = "dinosaur.png";

obstacle = {
        x: canvas.width,
        y: canvas.height / 2 - 25,
        width: 50,
        height: 50,
        speedX: 7
      };

gameRunning = true;
      gameOver = false;

document.addEventListener("keydown", moveUp);

animate();
    }

// Updates game state and performs rendering
    function animate() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

moveObstacle();
      moveDino();
      checkCollision();
      drawScore();

if (!gameOver) {
        requestId = requestAnimationFrame(animate);
      } else {
        cancelAnimationFrame(requestId);
        endGame();
      }
    }

// Moves the obstacle towards the left side of the canvas
    function moveObstacle() {
      obstacle.x -= obstacle.speedX;

if (obstacle.x + obstacle.width < 0) {
        obstacle.x = canvas.width;
        obstacle.y = Math.random() * (canvas.height - obstacle.height);
        score++;
      }

ctx.fillStyle = "red";
      ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
    }

// Moves the dino up or down based on key press
    function moveDino(event) {
      if (event && event.keyCode === 38) { // Up arrow key
        if (dino.y > 0) {
          dino.y -= dino.speedX;
        }
      } else if (event && event.keyCode === 40) { // Down arrow key
        if (dino.y < canvas.height - dino.height) {
          dino.y += dino.speedX;
        }
      }

ctx.drawImage(dino.img, dino.x, dino.y, dino.width, dino.height);
    }

// Checks collision between dino and obstacle
    function checkCollision() {
      if (
        dino.x < obstacle.x + obstacle.width &&
        dino.x + dino.width > obstacle.x &&
        dino.y < obstacle.y + obstacle.height &&
        dino.y + dino.height > obstacle.y
      ) {
        gameOver = true;
      }
    }

// Draws the current score on the canvas
    function drawScore() {
      ctx.fillStyle = "black";
      ctx.font = "20px Arial";
      ctx.fillText("Score: " + score, 10, 30);
    }

// Ends the game and displays the score
    function endGame() {
      ctx.fillStyle = "black";
      ctx.font = "30px Arial";
      ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2 - 20);
      ctx.fillText("Score: " + score, canvas.width / 2 - 65, canvas.height / 2 + 20);
    }

// Moves the dino up when spacebar is pressed
    function moveUp(event) {
      if (event.keyCode === 32) { // Spacebar key
        if (!gameRunning) {
          startGame();
        } else if (!gameOver) {
          moveDino(event);
        }
      }
    }

// Begin game when the page is loaded
    window.onload = function() {
      startGame();
    };
  </script>

</body>
</html>