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

No:27772

Make a game that your a mouse collecting cheese An..ALL
Developer User13833｜Date and time 23/12/9 1:35:05
Build time 41.032 sec｜Game capacity 4.13KB｜

Script

Sure! Here's an example of a simple game where you play as a mouse collecting cheese while being chased by a cat. The game will run in a single HTML file and contain JavaScript code enclosed within script tags.

Mouse & Cheese Game

This game uses the HTML canvas element to draw the game objects (mouse, cheese, and cat) and allows you to control the mouse's movement using your cursor or touchscreen. The cat will try to chase you, and if it catches you, the game ends. The objective is to collect as much cheese as possible while avoiding the cat. Please note that this is just a basic implementation to demonstrate the game concept. You can further customize and enhance the game as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mouse & Cheese Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
  </style>
</head>
<body>
  <h1>Mouse & Cheese Game</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Mouse object
    const mouse = {
      x: 200,
      y: 200,
      size: 20,
      speed: 8,
    };

// Cheese object
    const cheese = {
      x: Math.random() * (canvas.width - 40) + 20,
      y: Math.random() * (canvas.height - 40) + 20,
      size: 30,
    };

// Cat object
    const cat = {
      x: Math.random() * (canvas.width - 60) + 30,
      y: Math.random() * (canvas.height - 60) + 30,
      size: 40,
      speed: 4,
    };

// Handle mouse movement
    canvas.addEventListener('mousemove', (event) => {
      mouse.x = event.clientX - canvas.offsetLeft;
      mouse.y = event.clientY - canvas.offsetTop;
    });

// Check collision between mouse and cheese
    function checkCollisionMouseCheese() {
      if (
        mouse.x < cheese.x + cheese.size &&
        mouse.x + mouse.size > cheese.x &&
        mouse.y < cheese.y + cheese.size &&
        mouse.y + mouse.size > cheese.y
      ) {
        cheese.x = Math.random() * (canvas.width - 40) + 20;
        cheese.y = Math.random() * (canvas.height - 40) + 20;
      }
    }

// Check collision between mouse and cat
    function checkCollisionMouseCat() {
      if (
        mouse.x < cat.x + cat.size &&
        mouse.x + mouse.size > cat.x &&
        mouse.y < cat.y + cat.size &&
        mouse.y + mouse.size > cat.y
      ) {
        alert('Game over! The cat caught you.');
        location.reload(); // Restart game
      }
    }

// Update game objects and draw
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw cheese
      ctx.fillStyle = 'yellow';
      ctx.fillRect(cheese.x, cheese.y, cheese.size, cheese.size);

// Draw cat
      ctx.fillStyle = 'orange';
      ctx.fillRect(cat.x, cat.y, cat.size, cat.size);

// Draw mouse
      ctx.fillStyle = 'gray';
      ctx.fillRect(mouse.x, mouse.y, mouse.size, mouse.size);

// Check collision
      checkCollisionMouseCheese();
      checkCollisionMouseCat();

// Move towards the mouse (cat's AI)
      if (mouse.x < cat.x) {
        cat.x -= cat.speed;
      } else {
        cat.x += cat.speed;
      }

if (mouse.y < cat.y) {
        cat.y -= cat.speed;
      } else {
        cat.y += cat.speed;
      }

// Move mouse faster if user is closer to the edge of the screen
      if (mouse.x < 30 || mouse.x > canvas.width - 30 || mouse.y < 30 || mouse.y > canvas.height - 30) {
        mouse.speed = 12;
      } else {
        mouse.speed = 8;
      }

// Move mouse towards the cursor
      if (mouse.x !== mouse.targetX || mouse.y !== mouse.targetY) {
        const dx = mouse.targetX - mouse.x;
        const dy = mouse.targetY - mouse.y;

const distance = Math.sqrt(dx * dx + dy * dy);

mouse.x += (dx / distance) * mouse.speed;
        mouse.y += (dy / distance) * mouse.speed;
      }

// Recursive loop for animation
      requestAnimationFrame(update);
    }

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

Please note that this is just a basic implementation to demonstrate the game concept. You can further customize and enhance the game as per your requirements.