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

No:37033

Hazme un juego tipo pou con entorno y decoración y..ALL
Developer User16957｜Date and time 24/1/19 23:45:53
Build time 17.359 sec｜Game capacity 3.321KB｜

Script

Aquí tienes un ejemplo de cómo podría ser el código de un juego tipo Pou, usando pictogramas para las barras de comida:

Juego de Pou

Este ejemplo muestra tres barras de progreso (comida, felicidad y energía) representadas por pictogramas y un personaje Pou en la pantalla. Las barras se van reduciendo gradualmente con el tiempo y el juego termina si alguna de las barras llega a cero. Recuerda reemplazar las rutas de las imágenes (pictograma_comida.png, pictograma_felicidad.png, pou.png, etc.) con las ubicaciones reales de los archivos en tu proyecto. Espero que esto te ayude a empezar con tu juego tipo Pou. ¡Diviértete programando!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Aquí tienes un ejemplo de cómo podría ser el código de un juego tipo Pou, usando pictogramas para las barras de comida:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Juego de Pou</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #game-container {
      margin-top: 100px;
    }
    
    .bar-container {
      display: inline-block;
      margin: 10px;
    }
    
    .bar {
      width: 150px;
      height: 20px;
      border: 1px solid #000;
      margin-bottom: 5px;
      overflow: hidden;
    }
    
    .bar .progress {
      height: 100%;
      background-color: green;
    }
    
    #food-bar {
      width: 30px;
      height: 30px;
      margin-top: 20px;
    }
    
    #character {
      width: 150px;
      height: 150px;
      margin-top: 50px;
    }
  </style>
</head>
<body>
  
  <h1>Juego de Pou</h1>
  <div id="game-container">
    <div class="bar-container">
      <div class="bar">
        <div id="food-progress" class="progress"></div>
      </div>
      <img id="food-bar" src="pictograma_comida.png" alt="Comida">
    </div>
    
    <div class="bar-container">
      <div class="bar">
        <div id="happiness-progress" class="progress"></div>
      </div>
      <img id="happiness-bar" src="pictograma_felicidad.png" alt="Felicidad">
    </div>
    
    <div class="bar-container">
      <div class="bar">
        <div id="energy-progress" class="progress"></div>
      </div>
      <img id="energy-bar" src="pictograma_energia.png" alt="Energía">
    </div>
    
    <img id="character" src="pou.png" alt="Pou">
  </div>
  
  <script>
    // Inicializar valores de las barras de comida, felicidad y energía
    var food = 100;
    var happiness = 100;
    var energy = 100;
    
    // Actualizar las barras en la pantalla
    function updateBars() {
      document.getElementById("food-progress").style.width = food + "%";
      document.getElementById("happiness-progress").style.width = happiness + "%";
      document.getElementById("energy-progress").style.width = energy + "%";
    }
    
    // Lógica del juego
    function gameLoop() {
      // Reducir los valores de las barras gradualmente
      food -= 0.5;
      happiness -= 0.25;
      energy -= 0.75;
      
      // Actualizar las barras en la pantalla
      updateBars();
      
      // Comprobar si alguna barra ha llegado a cero
      if (food <= 0 || happiness <= 0 || energy <= 0) {
        // El juego ha terminado
        alert("¡Game over!");
        clearInterval(gameInterval);
      }
    }
    
    // Iniciar el bucle del juego
    var gameInterval = setInterval(gameLoop, 100);
  </script>
</body>
</html>
```

Recuerda reemplazar las rutas de las imágenes (pictograma_comida.png, pictograma_felicidad.png, pou.png, etc.) con las ubicaciones reales de los archivos en tu proyecto.

Espero que esto te ayude a empezar con tu juego tipo Pou. ¡Diviértete programando!