A endless runner game you play as a dog with hat on it head's game

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

No:20657

←

Prev Next

→

A endless runner game you play as a dog with hat o..ALL
Developer User9117｜Date and time 23/10/10 14:06:54
Build time 16.281 sec｜Game capacity 2.745KB｜

Script

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

In this game, you control a dog with a hat on its head by jumping over obstacles. The goal is to see how far you can run without hitting an obstacle. The game starts automatically, and you can control the dog's jumps by pressing the Spacebar on your smartphone keyboard. Please note that this is a basic implementation, and you can customize the game's appearance and mechanics according to your preferences.

←

Prev　Next

→ 　

Back　

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

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 using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dog Runner</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="200"></canvas>

// Load necessary resources
    function loadGame() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");

playerX = 50;
      playerY = 0;
      groundY = canvas.height - 30;
      jumpPower = -10;
      obstacleX = canvas.width;
      obstacleY = groundY - 20;
      obstacleWidth = 20;
      obstacleHeight = 20;
      gameSpeed = 6;
      score = 0;

// Start the game loop
      setInterval(updateGame, 20);

// Event listener for jumping
      document.addEventListener("keydown", jump);
    }

// Game loop - updates the game state and renders it
    function updateGame() {
      // Move the player
      playerY += gameSpeed;

// Move the obstacle
      obstacleX -= gameSpeed;

// Check for collision
      if (playerY > groundY) {
        gameOver();
      }

if (playerX + 20 > obstacleX && playerX < obstacleX + obstacleWidth &&
          playerY + 20 > obstacleY && playerY < obstacleY + obstacleHeight) {
        gameOver();
      }

// Increase the score
      score++;

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

// Draw the player
      context.fillRect(playerX, playerY, 20, 20);

// Draw the obstacle
      context.fillRect(obstacleX, obstacleY, obstacleWidth, obstacleHeight);

// Draw the score
      context.fillText("Score: " + score, 10, 10);
    }

// Event handler for jumping
    function jump(event) {
      if (event.keyCode === 32 && playerY === groundY) {
        playerY += jumpPower;
      }
    }

// Game over logic
    function gameOver() {
      alert("Game Over! Your score: " + score);
      // Restart the game
      loadGame();
    }

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

Please note that this is a basic implementation, and you can customize the game's appearance and mechanics according to your preferences.