Punch a wall simulator's game

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

No:30945

←

Prev Next

→

Punch a wall simulator
Developer User14976｜Date and time 23/12/24 15:17:50
Build time 13.026 sec｜Game capacity 2.491KB｜

Script

He creado un simulador de golpear una pared en formato de juego para tu smartphone. Puedes encontrar el código HTML a continuación:

Por favor, guarda este código en un archivo HTML y asegúrate de tener una imagen llamada "emozi_himawari.png" en la misma ubicación que el archivo HTML. Esto mostrará una imagen de una pared en la pantalla y cada vez que toques la pantalla, el programa seleccionará un pictograma de golpe aleatorio y mostrará un mensaje indicando el pictograma seleccionado. Después de golpear la pared 10 veces, el juego terminará y se mostrará un mensaje de finalización. ¡Diviértete golpeando la pared con este simulador!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

He creado un simulador de golpear una pared en formato de juego para tu smartphone. Puedes encontrar el código HTML a continuación:

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Golpear una pared Simulator</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #e9ecef;
      }

#wall {
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
      }

#wall-img {
        width: 300px;
        height: 300px;
      }

#message {
        text-align: center;
        color: #333;
        font-size: 24px;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <div id="wall">
      <img id="wall-img" src="wall.png">
    </div>
    
    <div id="message"></div>

const wallImg = document.getElementById("wall-img");
      const messageDiv = document.getElementById("message");

let hitCount = 0;

// Función para golpear la pared
      function hitWall() {
        hitCount++;
        const randomIndex = Math.floor(Math.random() * hits.length);
        wallImg.style.transform = `rotate(${Math.random() * 10 - 5}deg)`;
        messageDiv.innerText = `Golpeaste la pared! ${hits[randomIndex]}`;

if (hitCount >= 10) {
          endGame();
        }
      }

// Función para terminar el juego
      function endGame() {
        wallImg.style.display = "none";
        messageDiv.style.fontSize = "36px";
        messageDiv.innerText = "¡Terminaste! Has golpeado la pared 10 veces.";
      }

// Evento de clic para golpear la pared al tocar la pantalla
      document.addEventListener("click", hitWall);
    </script>
  </body>
</html>
```

Por favor, guarda este código en un archivo HTML y asegúrate de tener una imagen llamada "wall.png" en la misma ubicación que el archivo HTML. Esto mostrará una imagen de una pared en la pantalla y cada vez que toques la pantalla, el programa seleccionará un pictograma de golpe aleatorio y mostrará un mensaje indicando el pictograma seleccionado. Después de golpear la pared 10 veces, el juego terminará y se mostrará un mensaje de finalización.

¡Diviértete golpeando la pared con este simulador!