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

No:34443

Sistema operativo de pinguino
Developer User16242｜Date and time 24/1/10 11:57:35
Build time 15.444 sec｜Game capacity 3.624KB｜

Script

Aquí tienes un ejemplo de un juego implementado en un solo archivo HTML utilizando JavaScript y pictogramas para operar desde un smartphone. El juego consiste en ayudar a un pingüino a recoger peces mientras evita obstáculos.

Sistema Operativo de Pingüino

Este es solo un ejemplo simple para ilustrar cómo se podría implementar un juego en HTML y JavaScript. Puedes personalizarlo adaptándolo a tus necesidades y agregando más funcionalidades según lo requieras.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Sistema Operativo de Pingüino</title>
  <style>
    body {
      text-align: center;
    }
    #game {
      width: 300px;
      height: 400px;
      border: 1px solid black;
      position: relative;
      margin: 0 auto;
    }
    #penguin {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 50px;
      width: 50px;
    }
    .fish {
      position: absolute;
      width: 20px;
      height: 20px;
    }
    .obstacle {
      position: absolute;
      bottom: 0;
      height: 40px;
      width: 20px;
    }
  </style>
</head>
<body>
  <h1>Sistema Operativo de Pingüino</h1>
  
  <div id="game">
    <img id="penguin" src="pinguino.png" alt="Pingüino">
  </div>
  
  <script>
    // Variables de juego
    var gameInterval;
    var score = 0;
  
    // Función para crear los peces y obstáculos de manera aleatoria
    function createItem(itemClass) {
      var item = document.createElement("div");
      item.setAttribute("class", itemClass);
      item.style.left = Math.floor(Math.random() * 280) + "px";
      return item;
    }
  
    // Función para iniciar el juego
    function startGame() {
      var game = document.getElementById("game");
      gameInterval = setInterval(function() {
        var fish = createItem("fish");
        var obstacle = createItem("obstacle");
        game.appendChild(fish);
        game.appendChild(obstacle);
  
        // Mover los peces y obstáculos hacia arriba
        var moveInterval = setInterval(function() {
          var fishBottom = parseInt(fish.style.bottom.slice(0, -2));
          var obstacleLeft = parseInt(obstacle.style.left.slice(0, -2));
          fish.style.bottom = (fishBottom + 5) + "px";
          obstacle.style.bottom = (fishBottom + 5) + "px";
  
          // Verificar colisiones
          if (fishBottom > 350 && obstacleLeft < 55 && obstacleLeft > 5) {
            gameOver();
          }
  
          // Si el pez se sale de la pantalla, se remueve
          if (fishBottom > 400) {
            game.removeChild(fish);
            clearInterval(moveInterval);
            score++;
            updateScore();
          }
  
          // Si el obstáculo se sale de la pantalla, se remueve
          if (fishBottom > 400) {
            game.removeChild(obstacle);
            clearInterval(moveInterval);
          }
        }, 50);
  
      }, 1500);
    }
  
    // Función para detener el juego
    function stopGame() {
      clearInterval(gameInterval);
      var game = document.getElementById("game");
      while (game.firstChild) {
        game.removeChild(game.firstChild);
      }
      score = 0;
      updateScore();
    }
  
    // Función para mostrar la puntuación actual
    function updateScore() {
      var scoreElement = document.getElementById("score");
      scoreElement.textContent = score;
    }
  
    // Función que se ejecuta cuando el juego termina
    function gameOver() {
      stopGame();
      alert("¡Has perdido! Tu puntuación fue: " + score);
    }
  
    // Iniciar el juego al cargar la página
    window.onload = startGame;
  </script>
</body>
</html>
```