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

No:45450

Running dinosaur google minigame
Developer User19600｜Date and time 24/2/20 15:58:25
Build time 8.657 sec｜Game capacity 2.28KB｜

Script

Running Dinosaur Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Running Dinosaur Game</title>
<style>
    body {
        background-color: #f7f7f7;
        text-align: center;
        font-family: Arial, sans-serif;
    }

#gameArea {
        width: 100%;
        height: 400px;
        position: relative;
        border: 1px solid #ccc;
        overflow: hidden;
        margin: 0 auto;
    }

#dino {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 50px;
        background-color: #333;
    }

#obstacle {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 20px;
        height: 50px;
        background-color: #333;
    }
</style>
</head>
<body>
<h1>Running Dinosaur Game</h1>
<div id="gameArea">
    <div id="dino"></div>
    <div id="obstacle"></div>
</div>

document.addEventListener('keydown', jump);

function gameOver() {
        alert('Game Over! Your score: ' + score);
        location.reload();
    }

function moveObstacle() {
        let obstacleLeft = parseInt(window.getComputedStyle(obstacle).getPropertyValue('right'));
        if (obstacleLeft < -20) {
            let obstacleHeight = Math.floor(Math.random() * 250);
            obstacle.style.height = obstacleHeight + "px";
            obstacle.style.right = "0px";
            score++;
        } else {
            obstacle.style.right = obstacleLeft - speed + "px";
        }

if (obstacleLeft > 0 && obstacleLeft < 60 && window.getComputedStyle(dino).getPropertyValue('bottom') < window.getComputedStyle(obstacle).getPropertyValue('height')) {
            gameOver();
        }
    }

let gameInterval = setInterval(moveObstacle, 50);
</script>
</body>
</html>
```