AI game creator

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

No:21253

←

Prev Next

→

Stickman run game
Developer User9721｜Date and time 23/10/14 9:17:48
Build time 57.51 sec｜Game capacity 4.368KB｜

Script

Sure! Here's an example of a stickman run game implemented in a single HTML file using JavaScript and enclosed in script tags:

🚶

This game features a stickman running, and the player can tap/click to make the stickman jump. The objective is to avoid collision with the moving obstacles. The score increases over time, and the game ends when there is a collision. The stickman and obstacles are represented by pictograms (🚶 and black squares, respectively).

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a stickman run game implemented in a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Stickman Run Game</title>
    <style>
        #player {
            position: absolute;
            top: 50%;
            left: 10px;
            font-size: 3em;
            cursor: pointer;
        }
        .obstacle {
            position: absolute;
            top: 50%;
            width: 30px;
            height: 30px;
            background-color: black;
            animation: obstacleMove linear 3s infinite;
        }
        @keyframes obstacleMove {
            from {
                left: 100%;
            }
            to {
                left: -30px;
            }
        }
    </style>
</head>
<body>
    <div id="player">🚶</div>

// Game variables
            let gameSpeed = 10;
            let score = 0;
            let isGameOver = false;

// Event listener to start the game on tap/click
            document.addEventListener("click", startGame);

function startGame() {
                // Remove start listener
                document.removeEventListener("click", startGame);

// Move player up and down on tap/click
                document.addEventListener("click", jump);

// Start obstacle spawning
                setInterval(spawnObstacle, 1500);

// Start score incrementation
                setInterval(updateScore, 100);

// Start game loop
                setInterval(gameLoop, 20);
            }

function gameLoop() {
                if (!isGameOver) {
                    // Move obstacles from right to left
                    const obstacles = document.getElementsByClassName("obstacle");
                    for (let i = 0; i < obstacles.length; i++) {
                        const obstacle = obstacles[i];
                        obstacle.style.left = parseInt(obstacle.style.left) - gameSpeed + "px";

// Check collision with player
                        if (isCollision(player, obstacle)) {
                            gameOver();
                        }
                    }
                }
            }

function jump() {
                if (!isGameOver) {
                    // Move player up
                    player.style.top = parseInt(player.style.top) - 50 + "px";

// Move player back down after delay
                    setTimeout(function() {
                        player.style.top = parseInt(player.style.top) + 50 + "px";
                    }, 300);
                }
            }

function spawnObstacle() {
                if (!isGameOver) {
                    const obstacle = document.createElement("div");
                    obstacle.classList.add("obstacle");
                    obstacle.style.left = "100%";
                    document.body.appendChild(obstacle);
                }
            }

function updateScore() {
                if (!isGameOver) {
                    score++;
                    document.title = "Stickman Run Game - Score: " + score;
                }
            }

function gameOver() {
                isGameOver = true;
                alert("Game Over!\nYour score: " + score);
            }

function isCollision(elem1, elem2) {
                const rect1 = elem1.getBoundingClientRect();
                const rect2 = elem2.getBoundingClientRect();
                return (
                    rect1.top < rect2.bottom &&
                    rect1.bottom > rect2.top &&
                    rect1.left < rect2.right &&
                    rect1.right > rect2.left
                );
            }
        });
    </script>
</body>
</html>
```