AI game creator

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

No:33523

←

Prev Next

→

Animal Rush
Developer User13970｜Date and time 24/1/4 19:21:35
Build time 37.775 sec｜Game capacity 3.624KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Animal Rush</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

#gameCanvas {
      position: absolute;
      top: 0;
      left: 0;
      background-color: skyblue;
    }
  </style>
</head>
<body>
<canvas id="gameCanvas"></canvas>

// Player
  let playerX = (canvasWidth - playerWidth) / 2;
  let playerY = canvasHeight - playerHeight;
  let isJumping = false;

// Obstacle
  let obstacleX = canvasWidth;
  let obstacleY = canvasHeight - obstacleHeight;

// Game states
  let score = 0;
  let isGameOver = false;

// Keyboard controls
  const keys = {};
  window.addEventListener("keydown", (event) => {
    keys[event.code] = true;
  });
  window.addEventListener("keyup", (event) => {
    keys[event.code] = false;
  });

// Game loop
  function gameLoop() {
    if (!isGameOver) {
      update();
      draw();
    }
    requestAnimationFrame(gameLoop);
  }

// Update game objects
  function update() {
    // Move player
    if (keys["ArrowLeft"]) {
      playerX -= playerSpeed;
      if (playerX < 0) playerX = 0;
    }
    if (keys["ArrowRight"]) {
      playerX += playerSpeed;
      if (playerX > canvasWidth - playerWidth) playerX = canvasWidth - playerWidth;
    }
    if (keys["ArrowUp"] && !isJumping) {
      isJumping = true;
      jump();
    }

// Move obstacle
    obstacleX -= obstacleSpeed;
    if (obstacleX < 0) {
      obstacleX = canvasWidth;
      obstacleY = canvasHeight - obstacleHeight;
      // Increase score when obstacle passes
      score++;
    }

// Check collision
    if (
      playerX < obstacleX + obstacleWidth &&
      playerX + playerWidth > obstacleX &&
      playerY < obstacleY + obstacleHeight &&
      playerY + playerHeight > obstacleY
    ) {
      gameOver();
    }
  }

// Jump
  function jump() {
    let jumpInterval = setInterval(() => {
      playerY -= jumpSpeed;
      if (playerY <= canvasHeight - playerHeight - jumpHeight) {
        clearInterval(jumpInterval);
        isJumping = false;
        fallDown();
      }
    }, 10);
  }

// Fall down after jump
  function fallDown() {
    let fallInterval = setInterval(() => {
      playerY += jumpSpeed;
      if (playerY >= canvasHeight - playerHeight) {
        clearInterval(fallInterval);
      }
    }, 10);
  }

// Game over
  function gameOver() {
    isGameOver = true;
    alert("Game Over! Your score: " + score);
    restartGame();
  }

// Restart game
  function restartGame() {
    playerX = (canvasWidth - playerWidth) / 2;
    obstacleX = canvasWidth;
    obstacleY = canvasHeight - obstacleHeight;
    isGameOver = false;
    score = 0;
  }

// Draw game objects
  function draw() {
    ctx.clearRect(0, 0, canvasWidth, canvasHeight);

// Draw player
    ctx.fillStyle = "green";
    ctx.fillRect(playerX, playerY, playerWidth, playerHeight);

// Draw obstacle
    ctx.fillStyle = "red";
    ctx.fillRect(obstacleX, obstacleY, obstacleWidth, obstacleHeight);

// Draw score
    ctx.fillStyle = "black";
    ctx.font = "24px Arial";
    ctx.fillText("Score: " + score, 10, 30);
  }

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