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 and Drag you Finger Across the screen's game

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

No:17982

←

Prev Next

→

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

Script

Sure! Here's a simple game that meets your requirements:

In this game, you control the drawing by dragging your finger across the screen. The objective is to prevent the bee from reaching the puppy. If the bee touches the puppy, it's game over. Keep drawing to keep the bee away from the puppy. Note: This game is a simple example and can be further improved and enhanced based on your requirements and design preference.

←

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>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>

// Position and size of the puppy
  var puppyX = canvas.width / 2;
  var puppyY = canvas.height / 2;
  var puppyWidth = 50;
  var puppyHeight = 50;

// Position, size, and speed of the bee
  var beeX = 0;
  var beeY = 0;
  var beeWidth = 30;
  var beeHeight = 30;
  var beeSpeed = 5;

// Variable to track if the game is over
  var gameOver = false;

// Track user interaction on touchscreen devices
  var isTouchDevice = 'ontouchstart' in document.documentElement;
  var eventStart = isTouchDevice ? 'touchstart' : 'mousedown';
  var eventMove = isTouchDevice ? 'touchmove' : 'mousemove';
  var eventEnd = isTouchDevice ? 'touchend' : 'mouseup';

// Event listener for user drawing
  canvas.addEventListener(eventStart, startDrawing);
  canvas.addEventListener(eventMove, draw);
  canvas.addEventListener(eventEnd, stopDrawing);

// Start drawing when user interacts with the canvas
  function startDrawing(event) {
    event.preventDefault();
    if (!gameOver) {
      canvas.addEventListener(eventMove, draw);
      draw(event);
    }
  }

// Stop drawing when user stops interacting
  function stopDrawing(event) {
    event.preventDefault();
    if (!gameOver) {
      canvas.removeEventListener(eventMove, draw);
    }
  }

// Draw lines as the user interacts with the canvas
  function draw(event) {
    event.preventDefault();
    if (!gameOver) {
      var x = isTouchDevice ? event.touches[0].clientX : event.clientX;
      var y = isTouchDevice ? event.touches[0].clientY : event.clientY;
      ctx.lineTo(x, y);
      ctx.stroke();
    }
  }

// Update the game state
  function update() {
    if (!gameOver) {
      // Clear the canvas and redraw the puppy
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.fillRect(puppyX - puppyWidth / 2, puppyY - puppyHeight / 2, puppyWidth, puppyHeight);

// Move the bee towards the puppy
      if (beeX < puppyX) {
        beeX += beeSpeed;
      } else if (beeX > puppyX) {
        beeX -= beeSpeed;
      }
      if (beeY < puppyY) {
        beeY += beeSpeed;
      } else if (beeY > puppyY) {
        beeY -= beeSpeed;
      }

// Draw the bee
      ctx.fillRect(beeX - beeWidth / 2, beeY - beeHeight / 2, beeWidth, beeHeight);

// Check if the bee touches the puppy
      if (Math.abs(beeX - puppyX) < (puppyWidth / 2 + beeWidth / 2) &&
        Math.abs(beeY - puppyY) < (puppyHeight / 2 + beeHeight / 2)) {
        gameOver = true;
        alert("Game Over");
      }
    }
    requestAnimationFrame(update);
  }

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

</body>
</html>
```

Note: This game is a simple example and can be further improved and enhanced based on your requirements and design preference.