Run in mountain 🏔️ in monsoon and ganerate dogs and game is easy It is made by satyam vankar's game

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

No:33084

←

Prev Next

→

Run in mountain 🏔️ in monsoon and ganerate dogs an..ALL
Developer User15646｜Date and time 24/1/2 15:17:50
Build time 28.011 sec｜Game capacity 3.428KB｜

Script

Sure! I have created a simple game that meets your requirements. It is a running game where you play as a character running in the mountains during the monsoon. You'll need to avoid the obstacles and collect dogs to earn points. Here's the implementation of the game in a single HTML file:

To play the game, simply open the HTML file in any web browser that supports JavaScript. The game starts automatically, and you can control the player's movement using the up and down arrow keys. The goal is to collect the dogs (green rectangles) to earn points. The score is displayed at the top-left corner of the canvas. Have fun running in the mountains during the monsoon and collecting dogs!

←

Prev　Next

→ 　

Back　

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

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

Here's the implementation of the game in a single HTML file:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Mountain Run Game</title>
    <style>
      #canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas" width="400" height="400"></canvas>

const dogs = [
        { x: 200, y: 350, width: 50, height: 50 },
        { x: 300, y: 350, width: 50, height: 50 },
      ];

let score = 0;

// Keyboard event listeners
      document.addEventListener("keydown", keyDownHandler);
      document.addEventListener("keyup", keyUpHandler);

function keyDownHandler(event) {
        if (event.key == "ArrowUp" || event.key == "Up") {
          player.dy = -5;
        } else if (event.key == "ArrowDown" || event.key == "Down") {
          player.dy = 5;
        }
      }

function keyUpHandler(event) {
        if (event.key == "ArrowUp" || event.key == "Up" || event.key == "ArrowDown" || event.key == "Down") {
          player.dy = 0;
        }
      }

// Game loop
      function gameLoop() {
        update();
        draw();

requestAnimationFrame(gameLoop);
      }

// Update game objects
      function update() {
        player.y += player.dy;

// Check collision with dogs
        dogs.forEach((dog) => {
          if (isColliding(player, dog)) {
            score++;
            resetDogPosition(dog);
          }
        });
      }

// Draw game objects
      function draw() {
        const canvas = document.getElementById("canvas");
        const ctx = canvas.getContext("2d");
        ctx.clearRect(0, 0, canvas.width, canvas.height);

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

// Draw dogs
        ctx.fillStyle = "#00FF00";
        dogs.forEach((dog) => {
          ctx.fillRect(dog.x, dog.y, dog.width, dog.height);
        });

// Draw score
        ctx.fillStyle = "#000000";
        ctx.font = "20px Arial";
        ctx.fillText("Score: " + score, 10, 30);
      }

// Check collision between two objects
      function isColliding(obj1, obj2) {
        return (
          obj1.x < obj2.x + obj2.width &&
          obj1.x + obj1.width > obj2.x &&
          obj1.y < obj2.y + obj2.height &&
          obj1.y + obj1.height > obj2.y
        );
      }

// Reset dog position
      function resetDogPosition(dog) {
        dog.x = Math.random() * 350 + 50;
        dog.y = Math.random() * 300 + 50;
      }

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

Have fun running in the mountains during the monsoon and collecting dogs!