A boy jumping and running from dogs's game

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

No:20419

←

Prev Next

→

A boy jumping and running from dogs
Developer User9042｜Date and time 23/10/9 18:31:49
Build time 19.762 sec｜Game capacity 3.094KB｜

Script

Sure! Here's a simple game in a single HTML file using JavaScript where a boy jumps and runs to escape from dogs:

This game uses a canvas element to display the game graphics. The player is represented by a black square, and the dogs are represented by red squares. The player can jump using the up arrow key to avoid collision with the dogs. If the player collides with a dog, a game over alert will be displayed, and the game will be reset. Please note that this is a very basic game, and you can enhance it further by adding more features, levels, animations, and better graphics based on your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game in a single HTML file using JavaScript where a boy jumps and runs to escape from dogs:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      background: #EEE;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="200"></canvas>
  
  <script>
    // Game Initialization
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    // Player Variables
    let playerX = 50;
    let playerY = canvas.height - 50;
    let playerWidth = 50;
    let playerHeight = 50;
    let playerJump = false;
    let playerJumpHeight = 100;
    let playerJumpCount = 0;
    
    // Dog Variables
    let dogX = canvas.width;
    let dogY = canvas.height - 50;
    let dogWidth = 50;
    let dogHeight = 50;
    let dogSpeed = 5;
    
    // Game Loop
    function gameLoop() {
      update();
      draw();
      requestAnimationFrame(gameLoop);
    }
    
    // Update the game state
    function update() {
      if (playerJump) {
        playerY -= 5;
        playerJumpCount += 5;
        
        if (playerJumpCount >= playerJumpHeight) {
          playerJump = false;
          playerJumpCount = 0;
        }
      } else {
        playerY += 5;
      }
      
      dogX -= dogSpeed;
      
      // Check collision between player and dog
      if (playerX < dogX + dogWidth &&
          playerX + playerWidth > dogX &&
          playerY < dogY + dogHeight &&
          playerY + playerHeight > dogY) {
          // Collision detected - Game Over!
          alert("Game Over!");
          reset();
      }
      
      // Check if dog went off-screen
      if (dogX + dogWidth < 0) {
          // Dog reached left edge - Reset its position
          resetDog();
      }
    }
    
    // Reset the game
    function reset() {
      playerY = canvas.height - 50;
      resetDog();
    }
    
    // Reset the dog position
    function resetDog() {
      dogX = canvas.width;
    }
    
    // Draw the game on canvas
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Drawing Player
      ctx.fillStyle = "#000";
      ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
      
      // Drawing Dog
      ctx.fillStyle = "#F00";
      ctx.fillRect(dogX, dogY, dogWidth, dogHeight);
    }
    
    // Keyboard Event Listeners
    document.addEventListener('keydown', function(event) {
      if (event.key === "ArrowUp") {
        playerJump = true;
      }
    });
    
    // Start the game loop
    gameLoop();
  </script>
</body>
</html>
```

Please note that this is a very basic game, and you can enhance it further by adding more features, levels, animations, and better graphics based on your requirements.