AI game creator

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

No:27952

←

Prev Next

→

2d runner game
Developer User13950｜Date and time 23/12/10 7:15:20
Build time 18.996 sec｜Game capacity 3.001KB｜

Script

Sure! Here's a simple 2D runner game implemented as a single HTML file using JavaScript. It is designed for smartphone operation and uses pictograms for graphical elements. Just copy the code into an HTML file and open it in a web browser on your smartphone to play the game.

To play the game, simply tap or hold the space key on your smartphone to make the player character jump over the moving obstacle. If the player collides with the obstacle, a game over message will be displayed and the game will reset. Enjoy!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>2D Runner Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="200"></canvas>

var player = { x: 50, y: 150, size: 50 };
            var obstacle = { x: canvas.width, y: 150, size: 50 };
            var isJumping = false;
            var gravity = 0.5;

// Game loop
            function update() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update player position
                if (isJumping) {
                    player.y -= 5;
                } else {
                    player.y += gravity;
                }

// Update obstacle position
                obstacle.x -= 5;

// Draw player
                ctx.fillRect(player.x, player.y, player.size, player.size);

// Draw obstacle
                ctx.fillRect(obstacle.x, obstacle.y, obstacle.size, obstacle.size);

// Collision detection
                if (player.x < obstacle.x + obstacle.size &&
                    player.x + player.size > obstacle.x &&
                    player.y < obstacle.y + obstacle.size &&
                    player.y + player.size > obstacle.y) {
                    // Game over
                    alert("Game over!");
                    resetGame();
                }

// Request next frame
                requestAnimationFrame(update);
            }

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

document.addEventListener("keyup", function(event) {
                if (event.keyCode === 32 && isJumping) { // Space key
                    isJumping = false;
                }
            });

// Game start
            resetGame();
            update();

// Reset game state
            function resetGame() {
                player.y = 150;
                obstacle.x = canvas.width;
            }
        };
    </script>
</body>
</html>
```