AI game creator

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

No:36546

←

Prev Next

→

Cube Dash
Developer User16822｜Date and time 24/1/17 23:03:55
Build time 13.055 sec｜Game capacity 2.451KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Cube Dash</title>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Player variables
    const playerWidth = 50;
    const playerHeight = 50;
    let playerX = canvasWidth / 2 - playerWidth / 2;
    let playerY = canvasHeight / 2 - playerHeight / 2;
    let playerSpeed = 5;

// Cube variables
    const cubeWidth = 25;
    const cubeHeight = 25;
    let cubeX = canvasWidth;
    let cubeY = Math.random() * (canvasHeight - cubeHeight);
    let cubeSpeed = 3;

// Game over variable
    let gameOver = false;

// Event listeners for player movement
    document.addEventListener("keydown", movePlayer);

// Function to move the player
    function movePlayer(event) {
      if (event.keyCode === 38 && playerY > 0) {
        playerY -= playerSpeed;
      } else if (event.keyCode === 40 && playerY < canvasHeight - playerHeight) {
        playerY += playerSpeed;
      }
    }

// Function to update game objects and check for collisions
    function update() {
      ctx.clearRect(0, 0, canvasWidth, canvasHeight);

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

// Draw cube
      ctx.fillStyle = "red";
      ctx.fillRect(cubeX, cubeY, cubeWidth, cubeHeight);

// Move cube
      cubeX -= cubeSpeed;

// Check for collision
      if (
        playerX < cubeX + cubeWidth &&
        playerX + playerWidth > cubeX &&
        playerY < cubeY + cubeHeight &&
        playerY + playerHeight > cubeY
      ) {
        gameOver = true;
      }

// Check if cube is out of bounds
      if (cubeX + cubeWidth < 0) {
        cubeX = canvasWidth;
        cubeY = Math.random() * (canvasHeight - cubeHeight);
      }

if (!gameOver) {
        requestAnimationFrame(update);
      } else {
        endGame();
      }
    }

// Function to end the game
    function endGame() {
      ctx.clearRect(0, 0, canvasWidth, canvasHeight);
      ctx.fillStyle = "black";
      ctx.font = "40px Arial";
      ctx.fillText("Game Over", canvasWidth / 2 - 100, canvasHeight / 2);
    }

// Start game
    update();
  </script>
</body>
</html>