A platformer/jump and run game featuring the main character bob a small fox Running through a forest fighting bird's and more birds along the way until he finds the secret acorn's game

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

No:41516

←

Prev Next

→

A platformer/jump and run game featuring the main ..ALL
Developer User18605｜Date and time 24/2/8 2:52:14
Build time 16.632 sec｜Game capacity 4.255KB｜

Script

Sure! Here's an example of a simple platformer/jump and run game featuring the main character "Bob" as a small fox running through a forest and fighting birds along the way until he finds the secret acorn. The game is designed for smartphone operation and uses pictograms.

This HTML file includes a canvas element which serves as the container for the game graphics. The JavaScript code defines the game variables and configuration, draws the main character (Bob), birds, and the secret acorn, checks for collisions, and handles game logic, such as jumping and collecting the acorn. The game starts when the `updateGameArea()` function is called, which is continuously executed using `requestAnimationFrame()` for smooth animation. The game is controlled by pressing the space key to make Bob jump.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Fox Adventure</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>
    <script>
        // Game variable and configuration
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");
        var gameWidth = canvas.width;
        var gameHeight = canvas.height;

var bob = {
            x: 50,
            y: gameHeight - 50,
            width: 50,
            height: 50,
            speed: 5,
            isJumping: false,
            jumpHeight: 100,
            acornCollected: false
        };

var birds = [
            { x: 150, y: gameHeight - 100, width: 50, height: 50 },
            { x: 250, y: gameHeight - 150, width: 50, height: 50 }
            // Add more birds as needed
        ];

var acorn = {
            x: gameWidth - 100,
            y: gameHeight - 50,
            width: 50,
            height: 50,
            collected: false
        };

// Game functions
        function drawBob() {
            context.fillStyle = "orange";
            context.fillRect(bob.x, bob.y, bob.width, bob.height);
        }

function drawBirds() {
            context.fillStyle = "blue";
            for (var i = 0; i < birds.length; i++) {
                context.fillRect(birds[i].x, birds[i].y, birds[i].width, birds[i].height);
            }
        }

function drawAcorn() {
            if (!acorn.collected) {
                context.fillStyle = "brown";
                context.fillRect(acorn.x, acorn.y, acorn.width, acorn.height);
            }
        }

function checkCollision(object1, object2) {
            if (object1.x < object2.x + object2.width &&
                object1.x + object1.width > object2.x &&
                object1.y < object2.y + object2.height &&
                object1.y + object1.height > object2.y) {
                return true; // Collided
            }
            return false;
        }

function updateGameArea() {
            context.clearRect(0, 0, gameWidth, gameHeight);

// Check collision with birds
            for (var i = 0; i < birds.length; i++) {
                if (checkCollision(bob, birds[i])) {
                    alert("Game Over! Bob collided with a bird.");
                    return;
                }
            }

// Check collision with acorn
            if (checkCollision(bob, acorn)) {
                acorn.collected = true;
                bob.acornCollected = true;
                alert("Congratulations! Bob collected the secret acorn!");
            }

drawBob();
            drawBirds();
            drawAcorn();

// Move Bob
            if (bob.isJumping) {
                bob.y -= bob.speed;
                if (bob.y <= gameHeight - bob.jumpHeight) {
                    bob.isJumping = false;
                }
            } else if (bob.y < gameHeight - bob.height) {
                bob.y += bob.speed;
            }

requestAnimationFrame(updateGameArea);
        }

// Event listeners for controls
        document.addEventListener("keydown", function (event) {
            if (event.keyCode === 32 && !bob.isJumping) { // Space key for jumping
                bob.isJumping = true;
            }
        });

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