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

No:30670

106

Un juego de aventura estilo cyberpunk en español
Developer User14905｜Date and time 23/12/23 15:30:41
Build time 40.711 sec｜Game capacity 6.834KB｜

Aventura Cyberpunk

→ 　

0　

0　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Aventura Cyberpunk</title>
  <style type="text/css">
    body {
      background-color: black;
      color: white;
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    h1 {
      font-size: 3em;
    }
    
    #output {
      margin-top: 20px;
      font-size: 1.5em;
    }
    
    #choiceButtons {
      margin-top: 30px;
    }
    
    .choiceButton {
      background-color: #393f4d;
      color: white;
      border: none;
      padding: 15px 30px;
      font-size: 1.5em;
      cursor: pointer;
      margin: 10px;
    }
    
    .choiceButton:hover {
      opacity: 0.7;
    }
  </style>
</head>
<body>
  <h1>Aventura Cyberpunk</h1>
  <div id="output"></div>
  <div id="choiceButtons"></div>

<script>
    // Objeto para almacenar las ubicaciones y opciones del juego
    const game = {
      inicio: "Un futuro distópico te espera en la ciudad NeoTech. ¿Estás listo para comenzar tu aventura cyberpunk?",
      currentLocation: "inicio",
      locations: {
        inicio: {
          text: "Estás en tu apartamento descuidado, la oscuridad y la lluvia golpean fuera de tu ventana. ¿Qué te gustaría hacer?",
          options: [
            {
              text: "Explorar tu apartamento",
              nextLocation: "explorarApartamento"
            },
            {
              text: "Salir a la ciudad",
              nextLocation: "calle"
            }
          ]
        },
        explorarApartamento: {
          text: "Mientras exploras tu apartamento, encuentras un objeto extraño en el suelo. ¿Lo levantas?",
          options: [
            {
              text: "Sí, lo levanto",
              nextLocation: "objetoExtraño"
            },
            {
              text: "No, continúo explorando",
              nextLocation: "continuarExplorando"
            }
          ]
        },
        objetoExtraño: {
          text: "Levantas el objeto extraño y de repente sientes una descarga eléctrica. Te desmayas y despiertas en un laboratorio clandestino. ¿Qué haces?",
          options: [
            {
              text: "Explorar el laboratorio",
              nextLocation: "explorarLaboratorio"
            },
            {
              text: "Buscar una salida",
              nextLocation: "salirLaboratorio"
            }
          ]
        },
        explorarLaboratorio: {
          text: "Mientras exploras el laboratorio, encuentras información importante sobre una conspiración del gobierno. ¿Qué acción tomas?",
          options: [
            {
              text: "Recoger la información y escapar",
              nextLocation: "escaparLaboratorio"
            },
            {
              text: "Destruir la información y buscar una salida",
              nextLocation: "destruirInformacion"
            }
          ]
        },
        escaparLaboratorio: {
          text: "Logras recoger la información y con éxito te escapas del laboratorio. ¡Ganaste!",
          options: []
        },
        destruirInformacion: {
          text: "Destruyes la información y sigues buscando una salida. Encuentras un anillo brillante en el suelo. ¿Lo recoges?",
          options: [
            {
              text: "Sí, lo recogo",
              nextLocation: "recogerAnillo"
            },
            {
              text: "No, continúo buscando",
              nextLocation: "continuarBuscando"
            }
          ]
        },
        recogerAnillo: {
          text: "Al recoger el anillo, un bloque de seguridad se activa y no puedes avanzar. ¿Qué haces?",
          options: [
            {
              text: "Usar el anillo para desactivar el bloque",
              nextLocation: "desactivarBloque"
            },
            {
              text: "Retroceder y continuar buscando",
              nextLocation: "continuarBuscando"
            }
          ]
        },
        continuarBuscando: {
          text: "Continúas buscando una salida, pero te encuentras atrapado en un ciclo sin fin. Tu aventura ha llegado a su fin.",
          options: []
        },
        desactivarBloque: {
          text: "Con éxito desactivas el bloque de seguridad y sigues adelante. Encuentras una puerta que te lleva a la libertad. ¡Ganaste!",
          options: []
        },
        salirLaboratorio: {
          text: "Te encuentras en un callejón oscuro y lluvioso, sin saber a dónde ir. ¿Qué te gustaría hacer?",
          options: [
            {
              text: "Explorar la ciudad",
              nextLocation: "calle"
            },
            {
              text: "Regresar a tu apartamento",
              nextLocation: "inicio"
            }
          ]
        },
        calle: {
          text: "La ciudad está en caos, la gente corre desesperada y las fuerzas de seguridad patrullan las calles. ¿Qué quieres hacer?",
          options: [
            {
              text: "Unirte a la resistencia",
              nextLocation: "resistencia"
            },
            {
              text: "Encontrar un escondite seguro",
              nextLocation: "escondite"
            }
          ]
        },
        resistencia: {
          text: "Te unes a la resistencia y luchas contra el sistema opresor. Con el tiempo, logran derrocar al gobierno y restaurar la paz. ¡Ganaste!",
          options: []
        },
        escondite: {
          text: "Encuentras un lugar seguro para esconderte, pero pronto te descubren y eres capturado. Tu aventura ha llegado a su fin.",
          options: []
        }
      }
    };

// Función para mostrar la ubicación actual y las opciones en la pantalla
    function showLocation(location) {
      const outputDiv = document.getElementById("output");
      const choiceButtonsDiv = document.getElementById("choiceButtons");

outputDiv.innerHTML = game.locations[location].text;

// Eliminar botones de opción anteriores
      while (choiceButtonsDiv.firstChild) {
        choiceButtonsDiv.removeChild(choiceButtonsDiv.firstChild);
      }

// Crear botones de opción basados en las opciones disponibles
      game.locations[location].options.forEach((option) => {
        const button = document.createElement("button");
        button.innerText = option.text;
        button.classList.add("choiceButton");
        button.onclick = () => makeChoice(option.nextLocation);
        choiceButtonsDiv.appendChild(button);
      });
    }

// Función para realizar una elección y mostrar la siguiente ubicación
    function makeChoice(nextLocation) {
      game.currentLocation = nextLocation;
      showLocation(game.currentLocation);
    }

// Iniciar el juego al cargar la página
    window.onload = () => {
      showLocation(game.currentLocation);
    };
  </script>
</body>
</html>