Un juego donde un pájaro está volando y tenemos que intentar que no choque con las nubes o perdemos y reiniciamos al inicio,el juego es infinito y el pájaro avanza solo,y con los controles arriba y abajo's game

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

No:41572

←

Prev Next

→

Un juego donde un pájaro está volando y tenemos qu..ALL
Developer User18058｜Date and time 24/2/8 12:58:41
Build time 10.587 sec｜Game capacity 3.391KB｜

Script

🐦

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de Evitar Nubes</title>
    <style>
      #bird {
        position: absolute;
        top: 50%;
        left: 50px;
        transform: translateY(-50%);
      }

.cloud {
        position: absolute;
        top: 0;
        height: 80px;
        width: 120px;
        background-image: url('path-to-cloud-picture.png');
        background-repeat: no-repeat;
        background-size: contain;
      }
    </style>
  </head>
  <body>
    <div id="bird">🐦</div>

var bird = document.getElementById('bird');
      var birdsYPosition = 50; // Initial bird's position
      var gameStarted = false;
      var clouds = [];
      var cloudInterval;
      var gameInterval;

function handleKeyDown(event) {
        if (event.key === 'ArrowUp') {
          birdsYPosition -= 20; // Move bird up
        } else if (event.key === 'ArrowDown') {
          birdsYPosition += 20; // Move bird down
        }

// Restrict bird's movement to stay within the screen boundaries
        if (birdsYPosition < 0) {
          birdsYPosition = 0;
        } else if (birdsYPosition > window.innerHeight - 50) {
          birdsYPosition = window.innerHeight - 50;
        }

bird.style.top = birdsYPosition + 'px';
      }

function createCloud() {
        var cloud = document.createElement('div');
        cloud.className = 'cloud';
        cloud.style.left = window.innerWidth + 'px';

// Randomize the vertical position of the cloud
        var randomPosition = Math.floor(Math.random() * (window.innerHeight - 80));
        cloud.style.top = randomPosition + 'px';

document.body.appendChild(cloud);
        clouds.push(cloud);
      }

function moveClouds() {
        for (var i = 0; i < clouds.length; i++) {
          var cloud = clouds[i];
          var cloudPosition = parseInt(cloud.style.left);

// Move the cloud towards the left
          cloudPosition -= 5;
          cloud.style.left = cloudPosition + 'px';

// Check if the bird collided with a cloud
          if (
            cloudPosition < 100 &&
            cloudPosition > 0 &&
            birdsYPosition < (parseInt(cloud.style.top) + 80) &&
            (birdsYPosition + 50) > parseInt(cloud.style.top)
          ) {
            endGame();
            return;
          }

// If the cloud is no longer visible, remove it from the DOM and from the clouds array
          if (cloudPosition < -120) {
            cloud.parentNode.removeChild(cloud);
            clouds.splice(i, 1);
            i--;
          }
        }
      }

function startGame() {
        if (gameStarted) {
          return;
        }

gameStarted = true;
        cloudInterval = setInterval(createCloud, 2000);
        gameInterval = setInterval(moveClouds, 30);
      }

function endGame() {
        clearInterval(cloudInterval);
        clearInterval(gameInterval);
        gameStarted = false;
        birdsYPosition = 50;
        bird.style.top = birdsYPosition + 'px';
        clouds.forEach(function(cloud) {
          cloud.parentNode.removeChild(cloud);
        });
        clouds = [];
        alert('Oh no! El pájaro chocó con una nube.\n\nVuelve a intentarlo!');
      }

startGame();
    </script>
  </body>
</html>