defeat the evil bear by clicking it 50 times and you win. however, you'll have 100 lives. If you don't click the bear for 20 seconds, you'll lose 1 live. Losing all 100 lives means game over's game

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

No:36809

107

←

Prev Next

→

defeat the evil bear by clicking it 50 times and y..ALL
Developer User16826｜Date and time 24/1/18 13:13:23
Build time 11.178 sec｜Game capacity 3.092KB｜

Script

In this game, the player's goal is to defeat the evil bear by clicking on it 50 times. The game starts with 100 lives, which decrease by one if the bear is not clicked for 20 seconds. If all 100 lives are lost, the game ends. The game interface is displayed on a canvas element, and the click count and remaining lives are shown on the screen.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Defeat the Evil Bear</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Game Variables
        var canvas;
        var context;
        var bearImage;
        var clickCount = 0;
        var lives = 100;
        var gameInterval;
        var timeoutCheck;

// Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");

// Load the bear image
            bearImage = new Image();
            bearImage.src = "bear.png";
            bearImage.onload = draw;

// Initialize game event listeners
            canvas.addEventListener("mousedown", onClick);

// Start the game interval
            gameInterval = setInterval(update, 1000);
        }

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

// Draw the bear image on the canvas
            context.drawImage(bearImage, 0, 0, canvas.width, canvas.height);

// Draw the click count and lives remaining
            context.font = "20px Arial";
            context.fillStyle = "red";
            context.fillText("Click Count: " + clickCount, 10, 30);
            context.fillText("Lives: " + lives, 10, 60);
        }

// Game update function
        function update() {
            // Decrease lives if the bear is not clicked for 20 seconds
            if (timeoutCheck >= 20) {
                lives--;
                clearInterval(timeoutCheck);
                timeoutCheck = undefined;
            }

// Check game over condition
            if (lives <= 0) {
                clearInterval(gameInterval);
                alert("Game Over! You ran out of lives.");
            }
        }

// Handle click event
        function onClick(event) {
            // Check if the click occurred within the bear image
            var rect = canvas.getBoundingClientRect();
            var x = event.clientX - rect.left;
            var y = event.clientY - rect.top;

if (x >= 0 && x <= canvas.width && y >= 0 && y <= canvas.height) {
                // Increment click count and reset timeout check
                clickCount++;
                timeoutCheck = 0;

// Check win condition
                if (clickCount >= 50) {
                    clearInterval(gameInterval);
                    alert("Congratulations! You defeated the evil bear!");
                }
            }
        }

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