A game where a cat has to dodge tables chairs and dogs to get the food's game

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

No:14983

←

Prev Next

→

A game where a cat has to dodge tables chairs and ..ALL
Developer User6472｜Date and time 23/9/5 18:23:54
Build time 48.994 sec｜Game capacity 5.021KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript.

To use this game, replace the paths to the image files with the actual paths to your pictogram images representing the cat, tables, chairs, dogs, and food. You can adjust the game settings, such as canvas size and speed, according to your preference. Once you open this HTML file in a web browser, you can control the cat using the up and down arrow keys on your smartphone to make it dodge the tables, chairs, and dogs while trying to collect the food. The game will keep track of your score, and if the cat collides with any objects, the game ends and a score will be displayed. Note: You need to have the appropriate image files available and use their correct paths in order for the visuals to be displayed correctly.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game implemented as a single HTML file using JavaScript.

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

catImg.src = 'cat.png'; // Replace 'cat.png' with your cat pictogram image path
    tableImg.src = 'table.png'; // Replace 'table.png' with your table pictogram image path
    chairImg.src = 'chair.png'; // Replace 'chair.png' with your chair pictogram image path
    dogImg.src = 'dog.png'; // Replace 'dog.png' with your dog pictogram image path
    foodImg.src = 'food.png'; // Replace 'food.png' with your food pictogram image path

const cat = {
      x: 50,
      y: canvas.height / 2 - 50,
      width: 64,
      height: 64,
      speed: 6,
      draw: function() {
        ctx.drawImage(catImg, this.x, this.y, this.width, this.height);
      }
    };

let tables = [];
    let chairs = [];
    let dogs = [];
    let foods = [];

let gameIsOver = false;
    let score = 0;
    let frameCount = 0;

function drawScore() {
      ctx.fillStyle = 'black';
      ctx.font = '20px Arial';
      ctx.fillText('Score: ' + score, 20, 30);
    }

function update() {
      if (gameIsOver) return;

frameCount++;
      if (frameCount % 100 === 0) {
        spawnObject('table');
        spawnObject('chair');
        spawnObject('dog');
        spawnObject('food');
      }

tables = tables.filter(table => !collides(cat, table));
      chairs = chairs.filter(chair => !collides(cat, chair));
      dogs = dogs.filter(dog => !collides(cat, dog));
      foods = foods.filter(food => !collides(cat, food));

tables.forEach(table => {
        table.x -= table.speed;
      });

chairs.forEach(chair => {
        chair.x -= chair.speed;
      });

dogs.forEach(dog => {
        dog.x -= dog.speed;
      });

foods.forEach(food => {
        food.x -= food.speed;
      });

draw();

if (collidesWithAny(cat, tables) || collidesWithAny(cat, chairs) || collidesWithAny(cat, dogs)) {
        gameOver();
      }

score++;
    }

function collides(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;
    }

function collidesWithAny(obj, array) {
      return array.some(item => collides(obj, item));
    }

function gameOver() {
      gameIsOver = true;
      alert('Game Over! Your score: ' + score);
      location.reload();
    }

setInterval(update, 16.6667);
  </script>
</body>
</html>
```

Once you open this HTML file in a web browser, you can control the cat using the up and down arrow keys on your smartphone to make it dodge the tables, chairs, and dogs while trying to collect the food. The game will keep track of your score, and if the cat collides with any objects, the game ends and a score will be displayed.

Note: You need to have the appropriate image files available and use their correct paths in order for the visuals to be displayed correctly.