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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Your character is a dinosaur. The backround is the sky and your character has to jump over the two story building's game | AI game creator

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

No:50715

130

←

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>