I want to make a game like dino jump from tiny,small and big cactus's game

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

No:51047

←

Prev Next

→

I want to make a game like dino jump from tiny,sma..ALL
Developer User20548｜Date and time 24/3/10 12:39:10
Build time 7.549 sec｜Game capacity 3.004KB｜

Script

Certainly! Here is a simple implementation of a game inspired by the classic Dino Jump game using JavaScript and displayed as HTML with pictograms for a smartphone operation.

In this example, you can replace the 'emozi_rabbit.png' and 'emozi_all/cactus.png' with your own pictogram images. The game consists of a Dino character that can jump to avoid the cactus obstacles. Pressing the space key will make the Dino jump. If the Dino collides with the cactus, a game over message will be displayed.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Certainly! Here is a simple implementation of a game inspired by the classic Dino Jump game using JavaScript and displayed as HTML with pictograms for a smartphone operation. 
```html
<!DOCTYPE html>
<html>
<head>
    <title>Dino Jump Game</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        #game {
            width: 80px;
            height: 80px;
            position: relative;
        }
        #dino {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 0;
        }
        #cactus {
            width: 30px;
            height: 30px;
            position: absolute;
            bottom: 0;
            display: none;
        }
    </style>
</head>
<body>
    <div id="game">
        <img id="dino" src="dino.png" alt="dino">
        <img id="cactus" src="cactus.png" alt="cactus">
    </div>

let isJumping = false;

function jump() {
            if (!isJumping) {
                isJumping = true;
                let position = 0;

let jumpInterval = setInterval(() => {
                    if (position === 150) {
                        clearInterval(jumpInterval);

function checkGameOver() {
            let dinoBottom = parseInt(window.getComputedStyle(dino).getPropertyValue('bottom'));
            let cactusLeft = parseInt(window.getComputedStyle(cactus).getPropertyValue('left'));

if (cactusLeft < 50 && cactusLeft > 0 && dinoBottom <= 50) {
                alert('Game Over!');
            }
        }

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

setInterval(() => {
            checkGameOver();
        }, 10);
    </script>
</body>
</html>
```

In this example, you can replace the 'dino.png' and 'cactus.png' with your own pictogram images. The game consists of a Dino character that can jump to avoid the cactus obstacles. Pressing the space key will make the Dino jump. If the Dino collides with the cactus, a game over message will be displayed.