A game where you Got to draw anything To prevent bees from the puppy It will try to break in It will shake the drawing If it touches the puppy Game over's game

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

No:17981

←

Prev Next

→

A game where you Got to draw anything To prevent b..ALL
Developer User7456｜Date and time 23/9/25 15:40:15
Build time 29.878 sec｜Game capacity 2.511KB｜

Script

Sure, here's a simple game that meets your requirements:

Instructions: 1. Copy the above code and save it as a HTML file (e.g., game.html). 2. Open the file in a web browser (preferably on a smartphone). 3. Draw on the canvas by tapping/holding and moving your finger on the screen. 4. The puppy is represented by an icon, and a bee will randomly appear on the canvas. 5. If the bee touches the area where the puppy is located, the game is over and an alert message will be shown. Please note that this is a basic implementation and can be further expanded with additional features and enhancements.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure, here's a simple game that meets your requirements:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Doodle Defender</title>
    <style>
      canvas {
        border: 1px solid #000;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

var puppyImage = new Image();
      puppyImage.src =
        "https://cdn.iconscout.com/icon/free/png-256/puppy-1763624-1509442.png";

var beeImage = new Image();
      beeImage.src =
        "https://cdn.icon-icons.com/icons2/371/PNG/128/Bee2_37151.png";

var mouse = {
        x: 0,
        y: 0,
      };

// Event listeners
      document.addEventListener("mousedown", handleMouseDown);

// Game loop
      setInterval(update, 1000 / 60);

// Update game state
      function update() {
        if (!isGameOver) {
          draw();
        }
      }

// Draw game objects
      function draw() {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw puppy
        context.drawImage(puppyImage, mouse.x - 64, mouse.y - 64, 128, 128);

// Draw bee
        context.drawImage(
          beeImage,
          Math.random() * canvas.width,
          Math.random() * canvas.height,
          64,
          64
        );

if (
          mouse.x >= canvas.width / 2 - 64 &&
          mouse.x <= canvas.width / 2 + 64 &&
          mouse.y >= canvas.height / 2 - 64 &&
          mouse.y <= canvas.height / 2 + 64
        ) {
          isGameOver = true;
          alert("Game over! The bee touched the puppy!");
        }
      }

// Event handler for mouse down event
      function handleMouseDown(event) {
        mouse.x = event.clientX;
        mouse.y = event.clientY;
      }
    </script>
  </body>
</html>
```

Instructions:
1. Copy the above code and save it as a HTML file (e.g., game.html).
2. Open the file in a web browser (preferably on a smartphone).
3. Draw on the canvas by tapping/holding and moving your finger on the screen.
4. The puppy is represented by an icon, and a bee will randomly appear on the canvas.
5. If the bee touches the area where the puppy is located, the game is over and an alert message will be shown.

Please note that this is a basic implementation and can be further expanded with additional features and enhancements.