AI game creator

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

No:21667

←

Prev Next

→

jumping contest
Developer User9868｜Date and time 23/10/17 7:34:30
Build time 102.006 sec｜Game capacity 3.88KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
            overflow: hidden;
        }
        
        #game-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        #player {
            position: relative;
            width: 50px;
            height: 50px;
            background-color: #ffcc00;
            border-radius: 50%;
        }
        
        .obstacle {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: #4d4d4d;
            bottom: 0;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player"></div>
        <div id="obstacles-container"></div>
    </div>

let playerJumped = false;
        let gameOver = false;
        let score = 0;

// Function to create obstacles randomly
        function createObstacle() {
            const obstacle = document.createElement('div');
            obstacle.classList.add('obstacle');
            obstacle.style.left = Math.random() * (window.innerWidth - 50) + 'px';

obstaclesContainer.appendChild(obstacle);

// Move the obstacle vertically
            let obstacleTop = 0;
            const obstacleInterval = setInterval(() => {
                if (!gameOver) {
                    obstacleTop += 10;
                    obstacle.style.top = obstacleTop + 'px';

// Checking for collision
                    const obstacleRect = obstacle.getBoundingClientRect();
                    const playerRect = player.getBoundingClientRect();

if (
                        obstacleRect.bottom >= playerRect.top &&
                        obstacleRect.left <= playerRect.right &&
                        obstacleRect.right >= playerRect.left &&
                        obstacleRect.top <= playerRect.bottom
                    ) {
                        gameOver = true;
                        clearInterval(obstacleInterval);
                        endGame();
                    }

// If obstacle passed successfully
                    if (obstacleTop > window.innerHeight) {
                        score++;
                        obstacle.remove();
                        clearInterval(obstacleInterval);
                    }
                }
            }, 20);
        }

// Function to handle player's jump
        function jumpPlayer() {
            if (!playerJumped && !gameOver) {
                playerJumped = true;
                let jumpCount = 0;
                const jumpInterval = setInterval(() => {
                    if (jumpCount === 15) {
                        clearInterval(jumpInterval);
                        playerJumped = false;
                    } else {
                        jumpCount++;
                        player.style.bottom = jumpCount * 10 + 'px';
                    }
                }, 20);
            }
        }

// Function to end the game
        function endGame() {
            alert('Game Over! Your Score: ' + score);
            // Reload the page to restart the game
            location.reload();
        }

// Event listener for player's jump
        window.addEventListener('keydown', jumpPlayer);

// Start the game
        setInterval(createObstacle, 2000);
    </script>
</body>
</html>