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

No:40533

←

Prev Next

→

Haz un juego entretenido
Developer User18058｜Date and time 24/2/3 9:06:01
Build time 11.056 sec｜Game capacity 3.032KB｜

Script

¡Claro! Aquí tienes un ejemplo de un juego simple y entretenido implementado en un solo archivo HTML usando JavaScript. Este juego se puede jugar en un teléfono inteligente y utiliza pictogramas para la interfaz. Espero que te diviertas jugándolo.

Mi Juego Entretenido

Puntuación: 0

En este juego, el jugador debe hacer clic en el botón "Jugar" para comenzar. Aparecerá un pictograma en una posición aleatoria de la pantalla cada 0.5 segundos. El objetivo del jugador es hacer clic en el pictograma para aumentar su puntuación. Después de 5 segundos, el juego terminará y se mostrará un mensaje de "Fin del Juego" junto con la puntuación final obtenida. El pictograma utilizado en este ejemplo debe reemplazarse con una imagen real ("emozi_all/pictogram.png") para que funcione correctamente.

←

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>Mi Juego</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    .main-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 100px;
    }
    
    .button {
      width: 200px;
      height: 50px;
      background-color: #4CAF50;
      color: white;
      font-size: 24px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 20px;
    }
    
    .button:hover {
      background-color: #45a049;
    }
    
    .score {
      font-size: 36px;
      margin-top: 20px;
    }
    
    .game-over {
      font-size: 48px;
      color: red;
      margin-top: 50px;
    }
  </style>
</head>
<body>
  <div class="main-container">
    <h1>Mi Juego Entretenido</h1>
    <img id="pictogram" src="pictogram.png" alt="Pictograma">
    <p class="score">Puntuación: <span id="score">0</span></p>
    <button class="button" onclick="playGame()">Jugar</button>
    <p id="gameOver" class="game-over" style="display: none;">¡Fin del Juego!</p>
  </div>

function startMovement() {
      timerId = setInterval(movePictogram, 500);
    }

function movePictogram() {
      var pictogramElement = document.getElementById("pictogram");
      var xPosition = Math.floor(Math.random() * (window.innerWidth - pictogramElement.width));
      var yPosition = Math.floor(Math.random() * (window.innerHeight - pictogramElement.height));
      pictogramElement.style.left = xPosition + "px";
      pictogramElement.style.top = yPosition + "px";
    }

function updateScore() {
      score += 1;
      document.getElementById("score").textContent = score;
    }

function endGame() {
      clearTimeout(timerId);
      document.getElementById("gameOver").style.display = "block";
    }
  </script>
</body>
</html>
```

El pictograma utilizado en este ejemplo debe reemplazarse con una imagen real ("pictogram.png") para que funcione correctamente.