AI game creator

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

No:39350

←

Prev Next

→

Cat sniper
Developer User17621｜Date and time 24/1/28 3:48:15
Build time 11.782 sec｜Game capacity 2.709KB｜

Script

Sure, here's an example of a simple game called "Cat Sniper" implemented as a single HTML file using JavaScript and enclosed in script tags:

In this game, you would need to replace `'emozi_all/game.png'` with the path to your cat image file. The game canvas is set to a width of 600 pixels and a height of 400 pixels, but you can adjust these values to fit your needs. The objective of the game is to click on the cat as many times as possible to increase your score. The cat's position will be randomly reset each time it is clicked. The score is displayed on the top left corner of the canvas. Please note that this is a simple example and can be further enhanced with additional game mechanics, sounds, and animations based on your requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple game called "Cat Sniper" implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Cat Sniper</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

canvas {
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400"></canvas>

const catImage = new Image();
      catImage.src = 'cat.png'; // Replace 'cat.png' with the path to your cat image

let score = 0;

// Function to handle cat click event
      const handleClick = (event) => {
        const rect = canvas.getBoundingClientRect();
        const x = event.clientX - rect.left;
        const y = event.clientY - rect.top;

if (x > cat.x && x < (cat.x + cat.width) && y > cat.y && y < (cat.y + cat.height)) {
          score++;
          resetCatPosition();
        }
      };

// Function to randomly reset the cat position
      const resetCatPosition = () => {
        cat.x = Math.random() * (canvas.width - cat.width);
        cat.y = Math.random() * (canvas.height - cat.height);
      };

// Initialize cat object
      const cat = {
        x: 0,
        y: 0,
        width: 100,
        height: 100
      };

// Event listener for click events
      canvas.addEventListener('click', handleClick);

// Main game loop
      const gameLoop = () => {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

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

// Draw score
        ctx.font = '24px Arial';
        ctx.fillStyle = '#000';
        ctx.fillText(`Score: ${score}`, 10, 30);

requestAnimationFrame(gameLoop);
      };

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

In this game, you would need to replace `'cat.png'` with the path to your cat image file. The game canvas is set to a width of 600 pixels and a height of 400 pixels, but you can adjust these values to fit your needs.

The objective of the game is to click on the cat as many times as possible to increase your score. The cat's position will be randomly reset each time it is clicked. The score is displayed on the top left corner of the canvas.

Please note that this is a simple example and can be further enhanced with additional game mechanics, sounds, and animations based on your requirements and preferences.