A lot of parkour and trees so if you hit a tree your character will fly and if you hit the ground you die's game

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

No:25427

←

Prev Next

→

A lot of parkour and trees so if you hit a tree yo..ALL
Developer User12450｜Date and time 23/11/21 18:42:57
Build time 127.437 sec｜Game capacity 4.925KB｜

Script

Sure! Here's an example of a simple parkour game implemented as a single HTML file with JavaScript. It incorporates pictograms and allows gameplay on a smartphone. Remember to save the code as an HTML file and open it in a web browser to play the game.

In this game, you control a character represented by a filled rectangle. You can use the Arrow keys on your smartphone to move the character right, left, and make it jump. The objective is to navigate through the parkour without hitting the trees (represented by filled rectangles). If the character hits a tree, it will fly up. If the character hits the ground, the game will end, and the character will be reset to its initial position.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Parkour Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Set canvas size to fit the screen
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Character details
        const character = {
            x: 100,            // Starting x position
            y: canvas.height - 100,  // Starting y position
            width: 50,         // Character width
            height: 50,        // Character height
            speed: 10,         // Character movement speed
            falling: false,    // Is the character falling
            jumping: false     // Is the character jumping
        };

// Tree details
        const tree = {
            x: canvas.width - 100,  // Starting x position
            y: canvas.height - 100, // Starting y position
            width: 100,        // Tree width
            height: 100        // Tree height
        };

// Keyboard input handling
        const keys = {
            ArrowUp: false,
            ArrowDown: false,
            ArrowLeft: false,
            ArrowRight: false
        };

document.addEventListener('keydown', function(event) {
            if (event.code in keys) {
                keys[event.code] = true;
            }
        });

document.addEventListener('keyup', function(event) {
            if (event.code in keys) {
                keys[event.code] = false;
            }
        });

// Game loop
        function gameLoop() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Update character position
            if (keys.ArrowRight) {
                character.x += character.speed;
            }

if (keys.ArrowLeft) {
                character.x -= character.speed;
            }

if (keys.ArrowUp) {
                // Only allow jumping if the character is not already jumping or falling
                if (!character.jumping && !character.falling) {
                    character.jumping = true;
                    character.y -= 100;  // Jump height
                }
            }

// Apply gravity
            character.y += 5;  // Gravity strength
            if (character.y + character.height >= canvas.height) {
                // Character has hit the ground, end the game
                endGame();
            }

// Draw the character
            context.fillRect(character.x, character.y, character.width, character.height);

// Check collision with tree
            if (character.x + character.width >= tree.x &&
                character.x <= tree.x + tree.width &&
                character.y + character.height >= tree.y &&
                character.y <= tree.y + tree.height) {
                // Character has hit the tree, make it fly
                character.y -= 200; // Fly height
                character.falling = true;
            }

// Draw the tree
            context.fillRect(tree.x, tree.y, tree.width, tree.height);

// Request the next frame
            requestAnimationFrame(gameLoop);
        }

// Start the game
        function startGame() {
            // Hide the canvas borders
            canvas.style.border = 'none';

// Start the game loop
            gameLoop();
        }

// End the game
        function endGame() {
            // Show the canvas borders again
            canvas.style.border = '1px solid black';

// Reset character position
            character.x = 100;
            character.y = canvas.height - 100;

// Stop the game loop
            cancelAnimationFrame(gameLoop);
        }

// Start the game when the page has loaded
        window.addEventListener('load', startGame);

</script>
</body>
</html>
```

If the character hits a tree, it will fly up. If the character hits the ground, the game will end, and the character will be reset to its initial position.