A Cat thats flying around and eating donuts's game

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

No:34545

←

Prev Next

→

A Cat thats flying around and eating donuts
Developer User16285｜Date and time 24/1/11 3:21:08
Build time 13.149 sec｜Game capacity 2.759KB｜

Script

Sure! Here's an example of a simple game where a cat flies around and eats donuts. This HTML file contains the necessary JavaScript code enclosed in script tags. To play the game, simply open the HTML file in a web browser on your smartphone.

Note: In the code above, make sure to replace `'emozi_all/cat.png'` and `'emozi_apple.png'` with the file paths of your own cat and donut images.

←

Prev　Next

→ 　

Back　

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

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

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

// Donut image
    const donutImage = new Image();
    donutImage.src = 'donut.png';

// Cat object
    const cat = {
      x: 0, // horizontal position
      y: 0, // vertical position
      width: 64,
      height: 64,
    };

// Donut object
    const donut = {
      x: 200,
      y: 200,
      width: 32,
      height: 32,
    };

// Initialize canvas and context
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

// Keyboard event listeners
    document.addEventListener('keydown', moveCat);

// Update the game state
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the cat
      ctx.drawImage(catImage, cat.x, cat.y, cat.width, cat.height);

// Draw the donut
      ctx.drawImage(donutImage, donut.x, donut.y, donut.width, donut.height);

// Check if the cat collides with the donut
      if (isColliding(cat, donut)) {
        // Move the donut to a new random location
        donut.x = Math.random() * (canvas.width - donut.width);
        donut.y = Math.random() * (canvas.height - donut.height);
      }

requestAnimationFrame(update);
    }

// 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
      );
    }

// Move the cat based on arrow key presses
    function moveCat(e) {
      const speed = 10;

if (e.keyCode === 37) { // Left arrow key
        cat.x -= speed;
      } else if (e.keyCode === 38) { // Up arrow key
        cat.y -= speed;
      } else if (e.keyCode === 39) { // Right arrow key
        cat.x += speed;
      } else if (e.keyCode === 40) { // Down arrow key
        cat.y += speed;
      }
    }

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

Note: In the code above, make sure to replace `'cat.png'` and `'donut.png'` with the file paths of your own cat and donut images.