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

No:42282

Me mande um jogo dos desastres naturais A cada 10 ..ALL
Developer User18853｜Date and time 24/2/11 9:38:30
Build time 8.393 sec｜Game capacity 3.244KB｜

Script

Jogo dos Desastres Naturais

Mova-se rapidamente para evitar os desastres naturais!

😄

Fim do Jogo!

Você não conseguiu evitar o desastre!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo dos Desastres Naturais</title>
    <style>
        #player {
            font-size: 60px;
        }
        #disaster {
            font-size: 80px;
        }
        #game-over {
            display: none;
        }
    </style>
</head>
<body>
    <h1>Jogo dos Desastres Naturais</h1>
    <p>Mova-se rapidamente para evitar os desastres naturais!</p>
    <div id="player">😄</div>
    <div id="disaster"></div>
    <div id="game-over">
        <h2>Fim do Jogo!</h2>
        <p>Você não conseguiu evitar o desastre!</p>
    </div>
    
    <script>
        var player = document.getElementById("player");
        var disaster = document.getElementById("disaster");
        var gameOver = document.getElementById("game-over");
        var arrowKeys = [37, 38, 39, 40];
        
        var interval = setInterval(startGame, 10000);
        
        function startGame() {
            var randomNumber = Math.floor(Math.random() * 4);
            
            switch(randomNumber) {
                case 0:
                    disaster.innerHTML = "🌩"; // Tornado pictogram
                    break;
                case 1:
                    disaster.innerHTML = "🌊"; // Earthquake pictogram
                    break;
                case 2:
                    disaster.innerHTML = "💧"; // Tsunami pictogram
                    break;
                case 3:
                    disaster.innerHTML = "💦"; // Volcano pictogram
                    break;
            }
            
            setTimeout(function() {
                disaster.innerHTML = "";
            }, 5000);
        }
        
        document.addEventListener("keydown", function(event) {
            // Check if the pressed key is one of the arrow keys
            if (arrowKeys.includes(event.keyCode)) {
                movePlayer(event.keyCode);
            }
        });
        
        function movePlayer(keyCode) {
            var leftPosition = parseInt(player.style.left) || 0;
            var topPosition = parseInt(player.style.top) || 0;
            
            switch(keyCode) {
                case 37:
                    player.style.left = leftPosition - 10 + "px";
                    break;
                case 38:
                    player.style.top = topPosition - 10 + "px";
                    break;
                case 39:
                    player.style.left = leftPosition + 10 + "px";
                    break;
                case 40:
                    player.style.top = topPosition + 10 + "px";
                    break;
            }
            
            checkCollision();
        }
        
        function checkCollision() {
            var playerRect = player.getBoundingClientRect();
            var disasterRect = disaster.getBoundingClientRect();
            
            if (playerRect.left < disasterRect.right &&
                playerRect.right > disasterRect.left &&
                playerRect.top < disasterRect.bottom &&
                playerRect.bottom > disasterRect.top) {
                clearInterval(interval);
                gameOver.style.display = "block";
            }
        }
    </script>
</body>
</html>