A platformer game, with some platformer, spikes that if you touch it, the level restarts. And a exit that if you touch it you win's game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
A platformer game, with some platformer, spikes that if you touch it, the level restarts. And a exit that if you touch it you win's game | AI game creator

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

No:30807

←

Prev Next

→

A platformer game, with some platformer, spikes th..ALL
Developer User14891｜Date and time 23/12/24 6:48:04
Build time 16.954 sec｜Game capacity 3.983KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

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

#gameCanvas {
      background-color: #F0F0F0;
      border: 1px solid #333;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>

// Define the player object
    const player = {
      x: 50,
      y: 250,
      width: 20,
      height: 20,
      xSpeed: 0,
      ySpeed: 0,
    };

// Define the exit object
    const exit = {
      x: 360,
      y: 20,
      width: 40,
      height: 20,
    };

// Define the spikes object
    const spikes = {
      x: 200,
      y: 270,
      width: 20,
      height: 30,
    };

// Function to draw the game entities on the canvas
    function drawEntities() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
      ctx.fillStyle = "#FF0000";
      ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw the exit
      ctx.fillStyle = "#00FF00";
      ctx.fillRect(exit.x, exit.y, exit.width, exit.height);

// Draw the spikes
      ctx.fillStyle = "#000000";
      ctx.fillRect(spikes.x, spikes.y, spikes.width, spikes.height);
    }

// Function to update the game state
    function update() {
      // Update player position based on its speed
      player.x += player.xSpeed;
      player.y += player.ySpeed;

// Check if the player touched the exit
      if (
        player.x < exit.x + exit.width &&
        player.x + player.width > exit.x &&
        player.y < exit.y + exit.height &&
        player.y + player.height > exit.y
      ) {
        alert("¡Ganaste!");
        // Reset player's position
        player.x = 50;
        player.y = 250;
      }

// Check if the player touched the spikes
      if (
        player.x < spikes.x + spikes.width &&
        player.x + player.width > spikes.x &&
        player.y < spikes.y + spikes.height &&
        player.y + player.height > spikes.y
      ) {
        alert("¡Perdiste! Intenta de nuevo");
        // Reset player's position
        player.x = 50;
        player.y = 250;
      }
    }

// Function to handle keyboard inputs
    function handleInput(event) {
      if (event.key === "ArrowUp" || event.key === "w") {
        // Move player upwards
        player.ySpeed = -1;
      } else if (event.key === "ArrowDown" || event.key === "s") {
        // Move player downwards
        player.ySpeed = 1;
      } else if (event.key === "ArrowLeft" || event.key === "a") {
        // Move player to the left
        player.xSpeed = -1;
      } else if (event.key === "ArrowRight" || event.key === "d") {
        // Move player to the right
        player.xSpeed = 1;
      }
    }

// Function to handle keyboard release
    function handleRelease(event) {
      if (
        event.key === "ArrowUp" ||
        event.key === "w" ||
        event.key === "ArrowDown" ||
        event.key === "s"
      ) {
        // Stop player from moving vertically
        player.ySpeed = 0;
      } else if (
        event.key === "ArrowLeft" ||
        event.key === "a" ||
        event.key === "ArrowRight" ||
        event.key === "d"
      ) {
        // Stop player from moving horizontally
        player.xSpeed = 0;
      }
    }

// Start: Execute the game loop
    function startGame() {
      // Bind the input handling functions to keyboard events
      window.addEventListener("keydown", handleInput);
      window.addEventListener("keyup", handleRelease);

// Main game loop
      setInterval(function () {
        update();
        drawEntities();
      }, 1000 / 60); // 60 FPS
    }

// Begin the game
    startGame();
  </script>
</body>
</html>