Make a game that your a mouse collecting cheese's game

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

No:27770

104

←

Prev Next

→

Make a game that your a mouse collecting cheese
Developer User13833｜Date and time 23/12/9 1:31:59
Build time 28.901 sec｜Game capacity 2.886KB｜

Script

Sure! Here's an example of a simple game where you play as a mouse collecting cheese. The game will be implemented as a single HTML file enclosed in script tags:

In this game, the mouse is represented by a gray square and the cheese is represented by a yellow square. The objective is to move the mouse around the screen using the mouse's position and collect the cheese by overlapping with it. Whenever the cheese is collected, it generates a new position randomly on the screen. You can save the above code as an HTML file (e.g., `mouse_game.html`) and open it in a web browser to play the game.

←

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 you play as a mouse collecting cheese. The game will be implemented as a single HTML file enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mouse and Cheese Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

canvas {
      background-color: #FFFFCC;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Set canvas dimensions to match the device screen
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Mouse object
    const mouse = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      size: 30,
    };

// Cheese object
    const cheese = {
      x: getRandomPosition(canvas.width),
      y: getRandomPosition(canvas.height),
      size: 40,
    };

// Event listener for mouse movement
    canvas.addEventListener("mousemove", handleMouseMove);

function handleMouseMove(event) {
      mouse.x = event.clientX;
      mouse.y = event.clientY;
    }

// Update function to handle game logic
    function update() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw mouse
      drawObject(mouse.x, mouse.y, mouse.size, "gray");

// Draw cheese
      drawObject(cheese.x, cheese.y, cheese.size, "yellow");

// Check collision between mouse and cheese
      if (checkCollision(mouse, cheese)) {
        // Cheese is collected, generate new random position
        cheese.x = getRandomPosition(canvas.width);
        cheese.y = getRandomPosition(canvas.height);
      }

requestAnimationFrame(update);
    }

// Helper function to draw the objects on canvas
    function drawObject(x, y, size, color) {
      ctx.fillStyle = color;
      ctx.fillRect(x - size / 2, y - size / 2, size, size);
    }

// Helper function to generate random positions
    function getRandomPosition(max) {
      return Math.floor(Math.random() * max);
    }

// Helper function to check collision between two objects
    function checkCollision(obj1, obj2) {
      const distance = Math.sqrt(
        Math.pow(obj1.x - obj2.x, 2) + Math.pow(obj1.y - obj2.y, 2)
      );

return distance < (obj1.size + obj2.size) / 2;
    }

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

You can save the above code as an HTML file (e.g., `mouse_game.html`) and open it in a web browser to play the game.