Squirrel jumping game with 10 levels where you have to collect all nuts's game

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

No:25705

←

Prev Next

→

Squirrel jumping game with 10 levels where you hav..ALL
Developer User12634｜Date and time 23/11/24 2:41:31
Build time 130.709 sec｜Game capacity 4.189KB｜

Script

Sure! Here's the code for a squirrel jumping game with 10 levels where you have to collect all the nuts. The game is optimized for smartphone operation and uses pictograms.

To play the game, simply open the HTML file in a web browser on your smartphone. You'll see a canvas where a squirrel is jumping around. Use touch controls to make the squirrel jump and try to collect the green nuts. Each time you collect a nut, you'll advance to the next level. After completing all 10 levels, you'll see a congratulatory message. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's the code for a squirrel jumping game with 10 levels where you have to collect all the nuts. The game is optimized for smartphone operation and uses pictograms.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Squirrel Jumping Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Wait for the page to load before starting the game
        window.onload = function() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");

// Set up event listeners for touch controls
            canvas.addEventListener("touchstart", handleTouchStart, false);
            canvas.addEventListener("touchend", handleTouchEnd, false);

// Start game loop
            setInterval(updateGame, 1000 / 30); // 30 frames per second
        }

// Game update function
        function updateGame() {
            // Move the squirrel
            squirrelX += squirrelSpeedX;
            squirrelY += squirrelSpeedY;

// Check if squirrel collects the nut
            if (!nutCollected && squirrelX + 32 > nutX && squirrelX < nutX + 32 && squirrelY + 32 > nutY &&
                squirrelY < nutY + 32) {
                nutCollected = true;
                level++;
                if (level <= 10) {
                    resetLevel();
                } else {
                    alert("Congratulations! You collected all the nuts!");
                    resetLevel();
                    level = 1;
                }
            }

// Reset squirrel position if it goes off the screen
            if (squirrelX > canvas.width) {
                squirrelX = -32;
                squirrelY = 280;
                resetLevel();
            }

// Clear the canvas
            colorRect(0, 0, canvas.width, canvas.height, "white");

// Draw the squirrel
            colorCircle(squirrelX, squirrelY, 16, "brown");

// Draw the nut
            if (!nutCollected) {
                colorCircle(nutX, nutY, 16, "green");
            }

// Display current level
            canvasContext.font = "16px Arial";
            canvasContext.fillStyle = "black";
            canvasContext.fillText("Level: " + level, 10, 20);
        }

// Event handlers for touch controls
        function handleTouchStart(event) {
            squirrelSpeedY = -10;
        }

function handleTouchEnd(event) {
            squirrelSpeedY = 5;
        }

// Utility function to draw a colored circle
        function colorCircle(centerX, centerY, radius, color) {
            canvasContext.fillStyle = color;
            canvasContext.beginPath();
            canvasContext.arc(centerX, centerY, radius, 0, Math.PI * 2, true);
            canvasContext.fill();
        }

// Utility function to draw a colored rectangle
        function colorRect(leftX, topY, width, height, color) {
            canvasContext.fillStyle = color;
            canvasContext.fillRect(leftX, topY, width, height);
        }

// Reset current level
        function resetLevel() {
            squirrelSpeedX = 5;
            squirrelSpeedY = 0;
            nutX = Math.random() * (canvas.width - 32);
            nutY = Math.random() * (canvas.height - 32);
            nutCollected = false;
        }
    </script>
</body>
</html>
```