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

No:20386

Un juego con botones para mover donde yo soy el pr..ALL
Developer User9027｜Date and time 23/10/9 10:20:15
Build time 18.897 sec｜Game capacity 2.747KB｜

Script

¡Derrota a los Monstruos!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>¡Derrota a los Monstruos!</title>
    <style>
      body {
        text-align: center;
      }

#game-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80vh;
      }

.button {
        width: 50px;
        height: 50px;
        font-size: 20px;
        border: none;
        border-radius: 50%;
        margin: 5px;
      }

.up-button {
        background-color: #3498db;
        color: white;
      }

.down-button {
        background-color: #e74c3c;
        color: white;
      }

.left-button {
        background-color: #2ecc71;
        color: white;
      }

.right-button {
        background-color: #f39c12;
        color: white;
      }

.monster {
        font-size: 50px;
        margin: 20px;
      }
    </style>
  </head>
  <body>
    <h1>¡Derrota a los Monstruos!</h1>
    <div id="game-container">
      <button class="button up-button" onclick="move('up')">↑</button><br>
      <button class="button left-button" onclick="move('left')">←</button>
      <button class="button right-button" onclick="move('right')">→</button><br>
      <button class="button down-button" onclick="move('down')">↓</button>
    </div>

// Check if player encounters a monster
        for (let i = 0; i < monsters.length; i++) {
          if (
            playerPosition.x === monsters[i].x &&
            playerPosition.y === monsters[i].y
          ) {
            alert(
              'Game Over! ¡El monstruo ' +
                monsters[i].name +
                ' te ha atrapado!'
            );
            resetGame();
            return;
          }
        }

// Check if player reaches the victory point
        if (playerPosition.x === 5 && playerPosition.y === 5) {
          alert('¡Felicidades! Has derrotado a todos los monstruos.');
          resetGame();
        }
      }

function resetGame() {
        playerPosition = { x: 0, y: 0 };
      }
    </script>
  </body>
</html>