AI game creator

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

No:43583

177

←

Prev Next

→

Juego muy divertido
Developer User19184｜Date and time 24/2/16 4:08:02
Build time 10.198 sec｜Game capacity 3.161KB｜

Script

¡Claro! Aquí tienes un ejemplo de un juego muy divertido implementado en un solo archivo HTML con JavaScript. El juego se llama "Encuentra el Tesoro". Utilizaré pictogramas para la interfaz y se puede jugar en un teléfono inteligente:

Este juego sencillo te permitirá comenzar una partida, donde deberás hacer clic en las celdas para encontrar el tesoro oculto. El objetivo es encontrar el tesoro antes de hacer clic en todas las celdas. Espero que lo disfrutes. ¡Diviértete jugando!

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Encuentra el Tesoro</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    #game {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px;
    }
    #map {
      width: 200px;
      height: 200px;
      border: 2px solid black;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }
    .cell {
      width: 33.33%;
      height: 33.33%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      cursor: pointer;
    }
    .treasure {
      background-color: gold;
    }
    .empty {
      background-color: white;
    }
    .clicked {
      background-color: gray;
    }
    #result {
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="map"></div>
    <button onclick="startGame()">Comenzar Juego</button>
    <p id="result"></p>
  </div>

// Generar el mapa del juego
    function generateMap() {
      var map = document.getElementById("map");
      map.innerHTML = "";

for (var i = 0; i < gridSize * gridSize; i++) {
        var cell = document.createElement("div");
        cell.classList.add("cell");
        cell.onclick = cellClicked;
        map.appendChild(cell);
      }
    }

// Iniciar el juego
    function startGame() {
      cellsClicked = 0;
      generateMap();
      generateTreasure();
      document.getElementById("result").innerText = "Encuentra el tesoro";
    }

// Generar la ubicación del tesoro aleatoriamente
    function generateTreasure() {
      treasureLocation = Math.floor(Math.random() * (gridSize * gridSize));
      var cells = document.getElementsByClassName("cell");
      cells[treasureLocation].classList.add("treasure");
    }

// Acción al hacer clic en una celda
    function cellClicked() {
      if (this.classList.contains("clicked")) {
        return;
      }

this.classList.add("clicked");
      cellsClicked++;

if (this.classList.contains("treasure")) {
        document.getElementById("result").innerText = "¡Encontraste el tesoro!";
      } else if (cellsClicked === gridSize * gridSize) {
        document.getElementById("result").innerText = "¡No encontraste el tesoro!";
      }
    }
  </script>
</body>
</html>
```