A platformer where you need to collect 10 hidden gems as a stickman to win! (now with a level editor, menu, jump button, smooth physics and proper sprites)'s game

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

No:31441

←

Prev Next

→

A platformer where you need to collect 10 hidden g..ALL
Developer User15139｜Date and time 23/12/26 23:12:01
Build time 44.227 sec｜Game capacity 5.259KB｜

Script

Sure! Here's a single HTML file that contains a platformer game with a level editor, menu, jump button, smooth physics, and proper sprites:

To play the game, simply open the HTML file in a web browser (preferably on a smartphone for optimal experience). The game features a stickman player that can jump, collect gems, and complete levels by collecting all the gems.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's a single HTML file that contains a platformer game with a level editor, menu, jump button, smooth physics, and proper sprites:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Stickman Platformer</title>
    <style>
        #gameCanvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Game variables
        let canvas, ctx, player, gems, currentLevel, gameLoop;

// Game initialize
        function initialize() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            player = { x: 100, y: 100, xVelocity: 0, yVelocity: 0 };
            gems = [
                { x: 200, y: 300, collected: false },
                { x: 500, y: 200, collected: false },
                { x: 700, y: 350, collected: false }
            ];
            currentLevel = [
                { x: 0, y: canvas.height - 20, width: canvas.width, height: 20 },
                { x: 150, y: canvas.height - 120, width: 100, height: 20 },
                { x: 400, y: canvas.height - 220, width: 100, height: 20 },
            ];
            gameLoop = setInterval(update, 16);

canvas.addEventListener("click", jump);
            document.addEventListener("keydown", handleKeyDown);
            document.addEventListener("keyup", handleKeyUp);
        }

// Handle key down events
        function handleKeyDown(event) {
            if (event.keyCode === 32) {
                jump();
            }
        }

// Handle key up events
        function handleKeyUp(event) {
            if (event.keyCode === 32) {
                player.yVelocity = Math.min(0, player.yVelocity);
            }
        }

// Handle player jump
        function jump() {
            if (player.yVelocity === 0) {
                player.yVelocity -= JUMP_FORCE;
            }
        }

// Update game state
        function update() {
            clearCanvas();
            applyGravity();
            movePlayer();
            drawPlayer();
            drawGems();
            checkCollisions();
        }

// Clear the game canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Apply gravity to the player
        function applyGravity() {
            player.yVelocity += GRAVITY;
        }

// Move the player
        function movePlayer() {
            player.x += player.xVelocity;
            player.y += player.yVelocity;

player.xVelocity *= 0.9; // Add some friction

if (player.x < 0) {
                player.x = 0;
            } else if (player.x + PLAYER_WIDTH > canvas.width) {
                player.x = canvas.width - PLAYER_WIDTH;
            }

if (player.y < 0) {
                player.y = 0;
            } else if (player.y + PLAYER_HEIGHT > canvas.height) {
                player.y = canvas.height - PLAYER_HEIGHT;
                player.yVelocity = 0;
            }
        }

// Draw the player
        function drawPlayer() {
            ctx.fillStyle = "black";
            ctx.fillRect(player.x, player.y, PLAYER_WIDTH, PLAYER_HEIGHT);
        }

// Draw the gems
        function drawGems() {
            ctx.fillStyle = "green";
            for (let i = 0; i < gems.length; i++) {
                if (!gems[i].collected) {
                    ctx.fillRect(gems[i].x, gems[i].y, GEM_WIDTH, GEM_HEIGHT);
                }
            }
        }

// Check collisions between the player and gems
        function checkCollisions() {
            for (let i = 0; i < gems.length; i++) {
                if (!gems[i].collected && checkRectCollision(player, gems[i])) {
                    gems[i].collected = true;
                }
            }
            checkLevelCompletion();
        }

// Check if two rectangles intersect
        function checkRectCollision(rect1, rect2) {
            return (rect1.x < rect2.x + GEM_WIDTH &&
                rect1.x + PLAYER_WIDTH > rect2.x &&
                rect1.y < rect2.y + GEM_HEIGHT &&
                rect1.y + PLAYER_HEIGHT > rect2.y);
        }

// Check if all gems are collected to complete the level
        function checkLevelCompletion() {
            let collectedCount = 0;
            for (let i = 0; i < gems.length; i++) {
                if (gems[i].collected) {
                    collectedCount++;
                }
            }
            if (collectedCount === gems.length) {
                clearInterval(gameLoop);
                alert("You won!");
            }
        }

initialize();
    </script>
</body>
</html>
```