Cuando aya un enemigo tienes que pulsar un botón lo más rápido posible en unas gráficas 3D's game

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

No:30991

←

Prev Next

→

Cuando aya un enemigo tienes que pulsar un botón l..ALL
Developer User14993｜Date and time 23/12/24 19:47:30
Build time 11.676 sec｜Game capacity 1.916KB｜

Script

Puntuación: 0

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de reacción rápida</title>
    <style>
      #container {
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
      }

#game-board {
        width: 400px;
        height: 400px;
        border: 2px solid black;
        position: relative;
      }

#enemy {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: red;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
      }

#enemy img {
        height: 80px;
        width: 80px;
      }

#score {
        text-align: center;
        font-size: 24px;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <div id="game-board">
        <div id="enemy">
          <img src="enemigo.png" alt="Enemigo" />
        </div>
      </div>
    </div>
    <div id="score">Puntuación: <span id="score-value">0</span></div>

enemy.addEventListener("click", function () {
        score++;
        scoreValue.innerText = score;
        moveEnemy();
      });

function moveEnemy() {
        var boardWidth = document.getElementById("game-board").offsetWidth;
        var boardHeight = document.getElementById("game-board").offsetHeight;

var randomLeft = Math.random() * (boardWidth - 100);
        var randomTop = Math.random() * (boardHeight - 100);

enemy.style.left = randomLeft + "px";
        enemy.style.top = randomTop + "px";
      }

moveEnemy();
    </script>
  </body>
</html>