Create an endless Dino run's game

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

No:18353

←

Prev Next

→

Create an endless Dino run
Developer User6472｜Date and time 23/9/28 16:39:32
Build time 39.348 sec｜Game capacity 3.365KB｜

Script

Sure! Here's an example of an endless Dino run game implemented as a single HTML file:

To play the game, you can save the HTML code in a file (e.g., `dino.html`), save the pictograms as `emozi_all/play.png` and `emozi_all/cactus.png` in the same directory as the HTML file, and then open the HTML file in a web browser (preferably on a smartphone) to start playing the endless Dino run game. Press the spacebar (or tap the screen) to make the Dino jump over the cactus. The score will increase as you successfully jump over each cactus.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an endless Dino run game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Dino Run</title>
    <style>
        #game {
            width: 100%;
            height: 200px;
            border: 1px solid #ccc;
            position: relative;
            overflow: hidden;
            background-color: #f7f7f7;
        }

#dino {
            position: absolute;
            bottom: 0;
            left: 10px;
            width: 50px;
            height: 50px;
            background: url('dino.png') center center / cover;
            transition: 0.2s;
        }

#cactus {
            position: absolute;
            bottom: 0;
            right: 10px;
            width: 50px;
            height: 100px;
            background: url('cactus.png') center center / cover;
            transition: 0.2s;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="dino"></div>
        <div id="cactus"></div>
    </div>

var gameInterval;
            var score = 0;
            var speed = 5;

function updateScore() {
                score++;
                speed += 0.5;
                console.log('Score: ' + score);
            }

function collisionDetection() {
                var dinoRect = dinoDiv.getBoundingClientRect();
                var cactusRect = cactusDiv.getBoundingClientRect();

if (dinoRect.bottom >= cactusRect.top &&
                    dinoRect.top <= cactusRect.bottom &&
                    dinoRect.right >= cactusRect.left &&
                    dinoRect.left <= cactusRect.right) {
                    clearInterval(gameInterval);
                    console.log('Game Over! Final Score: ' + score);
                }
            }

function jumpDino() {
                dinoDiv.style.transform = 'translateY(-50px)';
                setTimeout(function() {
                    dinoDiv.style.transform = 'translateY(0)';
                }, 300);
            }

gameInterval = setInterval(function() {
                var randomInterval = Math.floor(Math.random() * (3000 - 1000 + 1)) + 1000;
                setTimeout(function() {
                    cactusDiv.style.transform = 'translateX(-' + cactusDiv.offsetWidth + 'px)';
                }, randomInterval);
                collisionDetection();
                updateScore();
            }, 10);

document.addEventListener('keydown', function(event) {
                if (event.keyCode === 32) {
                    jumpDino();
                }
            });
        });
    </script>
</body>
</html>
```

To play the game, you can save the HTML code in a file (e.g., `dino.html`), save the pictograms as `dino.png` and `cactus.png` in the same directory as the HTML file, and then open the HTML file in a web browser (preferably on a smartphone) to start playing the endless Dino run game. Press the spacebar (or tap the screen) to make the Dino jump over the cactus. The score will increase as you successfully jump over each cactus.