Create a game in which a person is a character who has to complete the parkour like a minecraft game itsname will be john and the game name will be sarthak parkour's game

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

No:36425

←

Prev Next

→

Create a game in which a person is a character who..ALL
Developer User16804｜Date and time 24/1/17 17:08:51
Build time 14.524 sec｜Game capacity 3.686KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Sarthak Parkour</title>
    <style>
        #game {
            width: 500px;
            height: 400px;
            background-color: #ccc;
            position: relative;
            overflow: hidden;
        }

#character {
            width: 50px;
            height: 50px;
            position: absolute;
            background-color: #f00;
            left: 10px;
            bottom: 10px;
        }

.obstacle {
            width: 50px;
            height: 50px;
            position: absolute;
            background-color: #00f;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="character"></div>
    </div>

let bottomPosition = 0;
            let gravity = 2;
            let isJumping = false;

document.addEventListener('keyup', function(event) {
                if (event.code === 'Space') jump();
            });

function generateObstacles() {
                const obstacle = document.createElement('div');
                obstacle.classList.add('obstacle');
                obstacle.style.left = '500px';
                obstacle.style.bottom = Math.floor(Math.random() * 350) + 'px';
                game.appendChild(obstacle);
                let obstacleTimerId = setInterval(function() {
                    if (parseInt(obstacle.style.left) < -50) {
                        clearInterval(obstacleTimerId);
                        game.removeChild(obstacle);
                    }

obstacle.style.left = parseInt(obstacle.style.left) - 10 + 'px';

if (
                        parseInt(obstacle.style.left) < 60 &&
                        parseInt(obstacle.style.left) > 0 &&
                        bottomPosition < parseInt(obstacle.style.bottom) + 50 &&
                        bottomPosition + 50 > parseInt(obstacle.style.bottom)
                    ) {
                        clearInterval(obstacleTimerId);
                        alert('Game Over!');
                        character.style.bottom = '0px';
                        bottomPosition = 0;
                        generateObstacles();
                        gameFocus = false;
                    }
                }, 20);
                if (gameFocus) setTimeout(generateObstacles, 3000);
            }

let gameFocus = true;
            generateObstacles();
        });
    </script>
</body>
</html>