You Are a Boy, Watch Out for Zebra, Lion, Elephant and Monkey, Find 20 Grass and 10 Grass's game

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

No:39040

4124

←

Prev Next

→

You Are a Boy, Watch Out for Zebra, Lion, Elephant..ALL
Developer anonymous｜Date and time 70/1/1 10:07:43
Build time unknown sec｜Game capacity 4.063KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file using JavaScript, depicting a boy trying to collect grass while avoiding encounters with dangerous animals like zebras, lions, elephants, and monkeys:

In this game, you can control the boy using the arrow keys on a smartphone. The objective is to collect 20 grass without running into any of the animals (zebras, lions, elephants, and monkeys). The grass is represented by pictograms, and the dangerous animals are also depicted as pictograms. The game keeps track of the number of grass collected and displays the score. If you collect 20 grass, a congratulatory message is shown, and if you encounter any animals, a game over message is displayed.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Grass Collector Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

// Game variables
        var boyX = 50;
        var boyY = 50;
        var grassCount = 0;
        var score = 0;
        var zebraX = 100;
        var zebraY = 200;
        var lionX = 400;
        var lionY = 300;
        var elephantX = 200;
        var elephantY = 400;
        var monkeyX = 300;
        var monkeyY = 100;

// Load grass and animal images
        var boyImage = new Image();
        boyImage.src = "boy.png";
        var grassImage = new Image();
        grassImage.src = "grass.png";
        var zebraImage = new Image();
        zebraImage.src = "zebra.png";
        var lionImage = new Image();
        lionImage.src = "lion.png";
        var elephantImage = new Image();
        elephantImage.src = "elephant.png";
        var monkeyImage = new Image();
        monkeyImage.src = "monkey.png";

// Handle key presses
        document.addEventListener("keydown", handleKeyDown, false);

// Check for collision with grass
            if (boyX === grassX && boyY === grassY) {
                grassCount++;
                score++;
                if (grassCount >= 20) {
                    alert("Congratulations! You collected 20 grass!");
                }
            }

// Check for collision with animals
            if (boyX === zebraX && boyY === zebraY) {
                alert("Game Over! You encountered a zebra!");
            } else if (boyX === lionX && boyY === lionY) {
                alert("Game Over! You encountered a lion!");
            } else if (boyX === elephantX && boyY === elephantY) {
                alert("Game Over! You encountered an elephant!");
            } else if (boyX === monkeyX && boyY === monkeyY) {
                alert("Game Over! You encountered a monkey!");
            }

// Redraw the game canvas
            drawCanvas();
        }

// Draw the game canvas
        function drawCanvas() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            context.drawImage(boyImage, boyX, boyY);
            context.drawImage(grassImage, grassX, grassY);
            context.drawImage(zebraImage, zebraX, zebraY);
            context.drawImage(lionImage, lionX, lionY);
            context.drawImage(elephantImage, elephantX, elephantY);
            context.drawImage(monkeyImage, monkeyX, monkeyY);
            context.font = "20px Arial";
            context.fillText("Grass: " + grassCount, 20, 30);
            context.fillText("Score: " + score, 20, 60);
        }

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