Juego de un calvo que tiene que ir cogiendo enfermedades's game

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

No:13303

←

Prev Next

→

Juego de un calvo que tiene que ir cogiendo enferm..ALL
Developer User5866｜Date and time 23/8/28 1:50:22
Build time 22.413 sec｜Game capacity 4.466KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de un calvo que tiene que ir cogiendo enfermedades</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        background-color: #fafafa;
        margin: 0;
        padding: 0;
      }

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

#game {
        width: 300px;
        height: 300px;
        border: 2px solid #333;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: space-around;
        padding: 10px;
        background-color: #fff;
      }

.cell {
        border: 1px solid #ccc;
        padding: 10px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        cursor: pointer;
      }

.disease {
        background-color: #ff5252;
        color: #fff;
      }

.empty {
        background-color: #f5f5f5;
      }

.visited {
        background-color: #ffca28;
        color: #fff;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="game"></div>
    </div>

// Generar número aleatorio entre min y max (ambos inclusive)
      function getRandomNumber(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
      }

// Elementos de juego
      const gameContainer = document.getElementById("game");
      let grid = [];
      let playerX = 0;
      let playerY = 0;
      let score = 0;

// Función para crear la cuadrícula inicial
      function createGrid() {
        for (let i = 0; i < 6; i++) {
          const row = [];
          for (let j = 0; j < 6; j++) {
            const cell = document.createElement("div");
            cell.classList.add("cell", "empty");
            row.push(cell);
            gameContainer.appendChild(cell);
          }
          grid.push(row);
        }
      }

// Función para asignar una enfermedad aleatoria en la cuadrícula
      function assignDisease() {
        const randomX = getRandomNumber(0, 5);
        const randomY = getRandomNumber(0, 5);
        const disease = symbols[getRandomNumber(0, symbols.length - 1)];
        grid[randomY][randomX].textContent = disease;
        grid[randomY][randomX].classList.remove("empty");
        grid[randomY][randomX].classList.add("disease");
      }

// Función para manejar los movimientos del jugador
      function handleMove(event) {
        const direction = event.target.dataset.direction;
        let newX = playerX;
        let newY = playerY;

switch (direction) {
          case "up":
            newY--;
            break;
          case "down":
            newY++;
            break;
          case "left":
            newX--;
            break;
          case "right":
            newX++;
            break;
        }

// Validar que la nueva posición esté dentro de los límites del juego
        if (newX >= 0 && newX < 6 && newY >= 0 && newY < 6) {
          const currentCell = grid[playerY][playerX];
          const newCell = grid[newY][newX];

// Verificar si la nueva celda contiene una enfermedad
          if (newCell.classList.contains("disease")) {
            score++; // Aumentar puntuación
            newCell.textContent = emptySymbol;
          }

// Marcar la celda actual como visitada
          currentCell.classList.remove("empty");
          currentCell.classList.add("visited");

// Actualizar posición del jugador
          playerX = newX;
          playerY = newY;

// Verificar si todas las celdas han sido visitadas
          if (score === symbols.length) {
            alert("¡Has atrapado todas las enfermedades! ¡Ganaste!");
            gameContainer.removeEventListener("click", handleMove);
          }
        }
      }

// Función para inicializar el juego
      function startGame() {
        createGrid();
        assignDisease();
        gameContainer.addEventListener("click", handleMove);
      }

// Iniciar juego al cargar la página
      startGame();
    </script>
  </body>
</html>