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

No:9827

119

←

Prev Next

→

Gracejo
Developer User4435｜Date and time 23/7/28 4:15:41
Build time 28.269 sec｜Game capacity 3.619KB｜

Script

Como programador/a, puedo crear un juego simple para un smartphone utilizando HTML, JavaScript y pictogramas. Aquí tienes un ejemplo de cómo podría ser implementado en un solo archivo HTML:

Juego de Pictogramas

Este código crea un juego muy básico usando pictogramas. Al hacer clic en el botón "Comenzar", aparecerá un pictograma aleatorio. El jugador debe hacer clic en el pictograma lo más rápido posible para ganar el juego. Si no se hace clic en el pictograma dentro de los 5 segundos, el jugador perderá. Recuerda reemplazar las rutas de los pictogramas con las imágenes que desees utilizar.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Como programador/a, puedo crear un juego simple para un smartphone utilizando HTML, JavaScript y pictogramas. Aquí tienes un ejemplo de cómo podría ser implementado en un solo archivo HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Juego de Pictogramas</title>
  <style>
    #game-container {
      width: 100%;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }
    #start-button {
      background-color: #4CAF50;
      color: white;
      padding: 10px 20px;
      font-size: 20px;
      border: none;
      cursor: pointer;
    }
    #result {
      margin-top: 20px;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <h1>Juego de Pictogramas</h1>
    <button id="start-button">Comenzar</button>
    <div id="result"></div>
  </div>

// Función para seleccionar un pictograma aleatorio
    function seleccionarPictograma() {
      var index = Math.floor(Math.random() * pictogramas.length);
      return pictogramas[index];
    }

// Función que inicia el juego
    function iniciarJuego() {
      var container = document.getElementById('game-container');
      var startButton = document.getElementById('start-button');

startButton.style.display = 'none'; // Oculta el botón de inicio

// Crea una imagen de pictograma
      var pictograma = document.createElement('img');
      pictograma.src = seleccionarPictograma();
      container.appendChild(pictograma);

// Agrega un evento de clic al pictograma
      pictograma.addEventListener('click', function() {
        container.removeChild(pictograma); // Elimina el pictograma cuando se hace clic
        endGame(true); // Llama a la función endGame con parámetro true (ganaste)
      });
      
      // Crea un temporizador para terminar el juego después de 5 segundos
      setTimeout(function() {
        container.removeChild(pictograma); // Elimina el pictograma
        endGame(false); // Llama a la función endGame con parámetro false (perdiste)
      }, 5000);
    }

// Función que finaliza el juego
    function endGame(ganaste) {
      var container = document.getElementById('game-container');
      var result = document.getElementById('result');
      result.textContent = ganaste ? '¡Ganaste!' : '¡Perdiste!';
      result.style.display = 'block';

// Muestra el botón de reinicio después de 2 segundos
      setTimeout(function() {
        var startButton = document.getElementById('start-button');
        startButton.style.display = 'block';
        result.style.display = 'none';
      }, 2000);
    }

// Evento de clic para empezar el juego al presionar el botón de inicio
    document.getElementById('start-button').addEventListener('click', iniciarJuego);
  </script>
</body>
</html>
```

Recuerda reemplazar las rutas de los pictogramas con las imágenes que desees utilizar.