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

No:40525

Un juego que se trata lo mismo que el juego del di..ALL
Developer User18058｜Date and time 24/2/3 8:54:33
Build time 9.662 sec｜Game capacity 3.881KB｜

Script

Mi Juego del Dinosaurio

Puntuación: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Mi Juego del Dinosaurio</title>
    <style>
        #dinosaur {
            position: absolute;
            bottom: 0;
        }
        
        #obstacle {
            position: absolute;
            bottom: 0;
        }
        
        #score {
            position: absolute;
            top: 10px;
            right: 10px;
            font-family: Arial, sans-serif;
            font-size: 24px;
            color: #ffffff;
        }
    </style>
</head>
<body>
    <script>
        var score = 0;
        var jumpHeight = 100;
        var obstacleSpeed = 5;
        var gameSpeed = 10;
        var gameInterval;
        var jumping = false;
        var gameOver = false;

function startGame() {
            document.addEventListener('keydown', jump);
            gameInterval = setInterval(updateGame, gameSpeed);
        }

function jump(event) {
            if (!jumping && !gameOver) {
                if (event.keyCode === 32 || event.keyCode === 38) {
                    jumping = true;
                    var dinosaur = document.getElementById('dinosaur');
                    var originalBottom = parseInt(
                        window.getComputedStyle(dinosaur).getPropertyValue('bottom')
                    );

var jumpInterval = setInterval(function () {
                        var dinosaurBottom = parseInt(
                            window.getComputedStyle(dinosaur).getPropertyValue('bottom')
                        );

if (dinosaurBottom >= originalBottom + jumpHeight) {
                            clearInterval(jumpInterval);
                            falling(dinosaur);
                        } else {
                            dinosaur.style.bottom = dinosaurBottom + 10 + 'px';
                        }
                    }, 10);
                }
            }
        }

function falling(dinosaur) {
            var fallingInterval = setInterval(function () {
                var dinosaurBottom = parseInt(
                    window.getComputedStyle(dinosaur).getPropertyValue('bottom')
                );

if (dinosaurBottom <= 0) {
                    clearInterval(fallingInterval);
                    jumping = false;
                } else {
                    dinosaur.style.bottom = dinosaurBottom - 10 + 'px';
                }
            }, 10);
        }

function updateGame() {
            var dinosaur = document.getElementById('dinosaur');
            var obstacle = document.getElementById('obstacle');
            var scoreText = document.getElementById('score');

var dinosaurBottom = parseInt(
                window.getComputedStyle(dinosaur).getPropertyValue('bottom')
            );

var obstacleLeft = parseInt(
                window.getComputedStyle(obstacle).getPropertyValue('left')
            );

if (obstacleLeft < -50) {
                obstacle.style.left = '100%';
                score++;
                scoreText.textContent = 'Puntuación: ' + score;
            }

obstacle.style.left = obstacleLeft - obstacleSpeed + 'px';

var obstacleX = obstacleLeft + 50;
            var obstacleY = 100 - dinosaurBottom;

if (obstacleX >= 20 && obstacleX <= 80 && obstacleY >= 20) {
                gameOver = true;
                clearInterval(gameInterval);
                document.removeEventListener('keydown', jump);
                alert('¡Juego terminado! Puntuación final: ' + score);
            }
        }
    </script>

<h1>Mi Juego del Dinosaurio</h1>
    <div id="score">Puntuación: 0</div>
    <img id="dinosaur" src="dinosaur.png" alt="Dinosaurio">
    <img id="obstacle" src="cactus.png" alt="Cactus">
    <button onclick="startGame()">Comenzar Juego</button>
</body>
</html>