AI game creator

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

No:21011

←

Prev Next

→

Endless runner
Developer User9282｜Date and time 23/10/12 21:14:31
Build time 82.955 sec｜Game capacity 2.966KB｜

Script

Sure! Here's an example of an endless runner game implemented as a single HTML file, enclosed in script tags using JavaScript:

This game creates a simple endless runner where the player controls a character represented by a red square. The goal is to avoid collision with green obstacles (also represented by squares) moving from right to left. The score increases with time survived without collision. Pressing the spacebar allows the player to jump and avoid obstacles. When a collision occurs, the game ends, and the score is shown in an alert dialog before restarting. Please note that this is a basic implementation, and you can enhance it further by adding more game elements, animations, sound effects, etc.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an endless runner game implemented as a single HTML file, enclosed in script tags using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Endless Runner Game</title>
    <style>
      canvas {
        background-color: #000;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="200"></canvas>

// Initialize the game
      function init() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");
        playerX = 50;
        playerY = canvas.height / 2;
        obstacleX = canvas.width;
        obstacleY = canvas.height / 2;
        obstacleSpeed = 2;
        score = 0;
        setInterval(update, 10); // Update the game every 10 milliseconds
      }

// Update the game state
      function update() {
        // Move the obstacle
        obstacleX -= obstacleSpeed;

// Check for collision
        if (
          playerX < obstacleX + 50 &&
          playerX + 50 > obstacleX &&
          playerY < obstacleY + 50 &&
          playerY + 50 > obstacleY
        ) {
          // Collision detected, game over
          gameOver();
        }

// Clear the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
        ctx.fillStyle = "#ff0000";
        ctx.fillRect(playerX, playerY, 50, 50);

// Draw the obstacle
        ctx.fillStyle = "#00ff00";
        ctx.fillRect(obstacleX, obstacleY, 50, 50);

// Update the score
        score++;
        ctx.fillStyle = "#ffffff";
        ctx.font = "20px Arial";
        ctx.fillText("Score: " + score, 10, 20);
      }

// Game over
      function gameOver() {
        clearInterval(update);
        alert("Game Over! Your Score: " + score);
        location.reload(); // Reload the page to restart the game
      }

// Handle player controls
      document.addEventListener("keydown", function (event) {
        if (event.keyCode === 32) {
          // Spacebar
          jump();
        }
      });

// Player jump
      function jump() {
        playerY -= 50;
      }

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

Please note that this is a basic implementation, and you can enhance it further by adding more game elements, animations, sound effects, etc.