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 It will pause the game Until you Get your finger off the screen's game

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

No:17983

←

Prev Next

→

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

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript, enclosed in script tags:

To play, simply open the HTML file on a smartphone or in a web browser. Touch the screen and drag your finger to draw anything, which will prevent the bees from reaching the puppy. If a bee touches the puppy, the game is over and an alert will be displayed. To pause the game, lift your finger off the screen.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game implemented as a single HTML file using JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Protect the Puppy</title>
    <style>
        #game-canvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <canvas id="game-canvas"></canvas>

// Define pictograms
        var puppyIcon = "🐶";
        var beeIcon = "🐝";
        var fingerIcon = "👆";

// Function to initialize the game
        function startGame() {
            canvas = document.getElementById("game-canvas");
            ctx = canvas.getContext("2d");

// Set canvas size to match window size
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

// Create the puppy
            puppy = {
                x: canvas.width / 2,
                y: canvas.height / 2,
                icon: puppyIcon,
                width: 50,
                height: 50,
            };

// Add event listeners for touch events
            canvas.addEventListener("touchstart", pauseGame);
            canvas.addEventListener("touchend", resumeGame);

// Start the game loop
            gameInterval = setInterval(updateGame, 20);
        }

// Function to update the game state
        function updateGame() {
            if (!isGameOver) {
                // Clear the canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw the puppy
                puppy.x = canvas.width / 2;
                puppy.y = canvas.height / 2;
                drawCharacter(puppy);

// Create new bees
                if (Math.random() < 0.02) { // Randomly create bees
                    var bee = {
                        x: Math.random() * canvas.width,
                        y: Math.random() * canvas.height,
                        icon: beeIcon,
                        width: 50,
                        height: 50,
                    };
                    bees.push(bee);
                }

// Update and draw bees
                for (var i = 0; i < bees.length; i++) {
                    var bee = bees[i];
                    bee.x += (Math.random() - 0.5) * 10; // Move bees randomly
                    bee.y += (Math.random() - 0.5) * 10;
                    drawCharacter(bee);

// Check if a bee has touched the puppy
                    if (isColliding(puppy, bee)) {
                        isGameOver = true;
                        clearInterval(gameInterval);
                        canvas.removeEventListener("touchstart", pauseGame);
                        canvas.removeEventListener("touchend", resumeGame);
                        alert("Game Over! The puppy got stung by a bee. 🐝😭");
                    }
                }
            }
        }

// Function to draw a character on the canvas
        function drawCharacter(character) {
            ctx.font = "50px Arial";
            ctx.fillText(character.icon, character.x, character.y);
        }

// Function to check if two characters are colliding
        function isColliding(character1, character2) {
            return (
                character1.x < character2.x + character2.width &&
                character1.x + character1.width > character2.x &&
                character1.y < character2.y + character2.height &&
                character1.y + character1.height > character2.y
            );
        }

// Function to pause the game
        function pauseGame() {
            if (!isGameOver) {
                isGamePaused = true;
                clearInterval(gameInterval);

// Pause the game by drawing a finger icon
                ctx.font = "100px Arial";
                ctx.fillText(fingerIcon, canvas.width / 2 - 50, canvas.height / 2);
            }
        }

// Function to resume the game
        function resumeGame() {
            if (!isGameOver) {
                isGamePaused = false;
                clearInterval(gameInterval);
                gameInterval = setInterval(updateGame, 20);
            }
        }

// Start the game when the page is loaded
        window.onload = function () {
            startGame();
        };
    </script>
</body>
</html>
```