Crea un gioco simile a quello di Dino run's game

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

No:44513

←

Prev Next

→

Crea un gioco simile a quello di Dino run
Developer User19399｜Date and time 24/2/18 6:29:07
Build time 6.928 sec｜Game capacity 2.174KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Dino Run</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Game loop
        function gameLoop() {
            // Update
            dino.x += dino.speed;
            obstacle.x -= obstacle.speed;

// Check for collision
            if (dino.x < obstacle.x + obstacle.width &&
                dino.x + dino.width > obstacle.x &&
                dino.y < obstacle.y + obstacle.height &&
                dino.y + dino.height > obstacle.y) {
                alert("Game Over!");
                location.reload();
            }

// Draw
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "green";
            ctx.fillRect(dino.x, dino.y, dino.width, dino.height);

ctx.fillStyle = "red";
            ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);

requestAnimationFrame(gameLoop);
        }

// Controls
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 32 && !dino.jumping) {
                dino.jumping = true;
                const jumpInterval = setInterval(function() {
                    dino.y -= dino.speed;
                    if (dino.y <= 100) {
                        clearInterval(jumpInterval);
                        const fallInterval = setInterval(function() {
                            dino.y += dino.speed;
                            if (dino.y >= 180) {
                                clearInterval(fallInterval);
                                dino.jumping = false;
                            }
                        }, 1000 / 60);
                    }
                }, 1000 / 60);
            }
        });

// Start game
        gameLoop();
    </script>
</body>
</html>