A cat run and dog chase's game

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

No:39739

←

Prev Next

→

A cat run and dog chase
Developer User17791｜Date and time 24/1/30 1:38:43
Build time 14.843 sec｜Game capacity 2.351KB｜

Script

Sure! Here's an example of a simple game where a cat runs and a dog chases it. The game will be smartphone-friendly and use pictograms for visualization.

To run this game, you'll need to provide image files for the cat (`emozi_all/game.png`) and the dog (`emozi_all/dog.png`). Make sure to replace `'emozi_all/game.png'` and `'emozi_all/dog.png'` with the actual paths to your image files. When you open the HTML file in a browser, it will display a canvas where the cat starts running from the left side, and the dog starts chasing it from the right side. If the dog catches the cat, a game over message will be displayed, and the game will reset. The game loop continuously updates the positions of the cat and the dog, and redraws them on the canvas. Note: This is a basic example and can be expanded upon to include more game features, such as scoring, levels, or additional game mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a simple game where a cat runs and a dog chases it. The game will be smartphone-friendly and use pictograms for visualization.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cat Run and Dog Chase</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Load cat and dog pictogram images
    const catImage = new Image();
    catImage.src = 'cat.png';

const dogImage = new Image();
    dogImage.src = 'dog.png';

// Cat and dog positions
    let catX = 50;
    let catY = 100;

let dogX = 300;
    let dogY = 200;

// Update and render game
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move the cat to the right
      catX += 1;

// Move the dog towards the cat
      if (dogX > catX) {
        dogX -= 1;
      }

// Draw cat and dog images
      ctx.drawImage(catImage, catX, catY, 50, 50);
      ctx.drawImage(dogImage, dogX, dogY, 50, 50);

// Check if dog caught the cat
      if (Math.abs(catX - dogX) < 10 && Math.abs(catY - dogY) < 10) {
        alert('Game Over! The dog caught the cat.');
        resetGame();
      }

// Loop the game
      requestAnimationFrame(gameLoop);
    }

// Reset game positions
    function resetGame() {
      catX = 50;
      catY = 100;
      dogX = 300;
      dogY = 200;
    }

// Start the game
    catImage.onload = function () {
      dogImage.onload = function () {
        gameLoop();
      };
    };
  </script>
</body>
</html>
```

To run this game, you'll need to provide image files for the cat (`cat.png`) and the dog (`dog.png`). Make sure to replace `'cat.png'` and `'dog.png'` with the actual paths to your image files.

When you open the HTML file in a browser, it will display a canvas where the cat starts running from the left side, and the dog starts chasing it from the right side. If the dog catches the cat, a game over message will be displayed, and the game will reset. The game loop continuously updates the positions of the cat and the dog, and redraws them on the canvas.

Note: This is a basic example and can be expanded upon to include more game features, such as scoring, levels, or additional game mechanics.