En el mapa ay que matar enemigos asta llegar a la meta y conseguir la mayor puntuación's game

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

No:30989

←

Prev Next

→

En el mapa ay que matar enemigos asta llegar a la ..ALL
Developer User14993｜Date and time 23/12/24 19:42:23
Build time 22.585 sec｜Game capacity 3.536KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Juego de Mapa</title>
  <style>
    #mapa {
      display: grid;
      grid-template-columns: repeat(10, 50px);
      grid-template-rows: repeat(10, 50px);
      gap: 2px;
      background-color: #ddd;
      padding: 10px;
    }

.celula {
      background-color: #eee;
      border-radius: 4px;
      cursor: pointer;
    }

.jugador {
      background-color: #ff6c6c;
    }

.enemigo {
      background-color: #888;
    }

.meta {
      background-color: #c6ebc9;
    }

#puntuacion {
      text-align: center;
      font-size: 18px;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <div id="mapa"></div>
  <div id="puntuacion"></div>

// Inicializar el mapa
    function inicializarMapa() {
      for (var i = 0; i < 100; i++) {
        var celula = document.createElement("div");
        celula.className = "celula";
        mapa.appendChild(celula);
      }

actualizarElementos();
    }

// Actualizar elementos en el mapa
    function actualizarElementos() {
      var celulas = document.getElementsByClassName("celula");
      for (var i = 0; i < celulas.length; i++) {
        celulas[i].classList.remove("jugador");
        celulas[i].classList.remove("enemigo");
        celulas[i].classList.remove("meta");
        if (i === jugadorPosicion) {
          celulas[i].classList.add("jugador");
        } else if (enemigos.includes(i)) {
          celulas[i].classList.add("enemigo");
        } else if (i === meta) {
          celulas[i].classList.add("meta");
        }
      }
      puntuacion.innerHTML = "Puntuación: " + puntuacionActual;
    }

// Mover el jugador hacia la izquierda
    function moverIzquierda() {
      if ((jugadorPosicion % 10) > 0) {
        jugadorPosicion--;
        if (enemigos.includes(jugadorPosicion)) {
          puntuacionActual++;
        }
        actualizarElementos();
      }
    }

// Mover el jugador hacia la derecha
    function moverDerecha() {
      if ((jugadorPosicion % 10) < 9) {
        jugadorPosicion++;
        if (enemigos.includes(jugadorPosicion)) {
          puntuacionActual++;
        }
        actualizarElementos();
      }
    }

// Mover el jugador hacia arriba
    function moverArriba() {
      if (jugadorPosicion >= 10) {
        jugadorPosicion -= 10;
        if (enemigos.includes(jugadorPosicion)) {
          puntuacionActual++;
        }
        actualizarElementos();
      }
    }

// Mover el jugador hacia abajo
    function moverAbajo() {
      if (jugadorPosicion <= 89) {
        jugadorPosicion += 10;
        if (enemigos.includes(jugadorPosicion)) {
          puntuacionActual++;
        }
        actualizarElementos();
      }
    }

// Manejar eventos de teclado
    document.addEventListener("keydown", function (event) {
      if (event.key === "ArrowLeft") {
        moverIzquierda();
      } else if (event.key === "ArrowRight") {
        moverDerecha();
      } else if (event.key === "ArrowUp") {
        moverArriba();
      } else if (event.key === "ArrowDown") {
        moverAbajo();
      }
    });

// Iniciar el juego
    inicializarMapa();
  </script>
</body>
</html>