Your character is a dinosaur. The backround is the sky and your character has to jump over the two story building's game

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

No:50715

123

←

Prev Next

→

Your character is a dinosaur. The backround is the..ALL
Developer User21391｜Date and time 24/3/9 12:54:12
Build time 7.498 sec｜Game capacity 2.567KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Dinosaur Jump Game</title>
    <style>
        #dinosaur {
            position: absolute;
            bottom: 0;
            left: 50px;
        }
        #obstacle {
            position: absolute;
            bottom: 0;
            left: 300px;
            width: 50px;
            height: 100px;
            background: gray;
        }
    </style>
</head>
<body>
    <img id="dinosaur" src="dinosaur.png" width="50px">
    <div id="obstacle"></div>

function checkCollision() {
            let dinoLeft = parseInt(dinosaur.style.left);
            let obstacleLeft = parseInt(obstacle.style.left);
            if (dinoLeft + 50 > obstacleLeft && dinoLeft < obstacleLeft + 50) {
                alert('Game Over! Your dinosaur crashed into the building.');
                location.reload();
            }
        }

document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowUp') {
                jump();
            }
        });

setInterval(() => {
            let obstaclePosition = parseInt(obstacle.style.left);
            if (obstaclePosition <= -50) {
                obstacle.style.left = '100%';
            } else {
                obstacle.style.left = obstaclePosition - 5 + 'px';
                checkCollision();
            }
        }, 50);
    </script>
</body>
</html>