software:nuevos_desarrollos:hero_quest []

Esta página es de solo lectura. Puedes ver la fuente pero no puedes cambiarla. Pregunta a tu administrador si crees que esto es incorrecto.
~~NOTOC~~

<html>
<style>
  /* --- FICHA TÉCNICA VISUAL ENGINE ORIGINAL --- */
  .pcw-ficha-container {
    background-color: #000b00; 
    border: 12px solid #2a2a2a; 
    border-radius: 15px;
    padding: 25px;
    margin: 25px 0;
    font-family: 'Courier New', Courier, monospace;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
    color: #00bb00;
  }

  /* Scanlines y parpadeo CRT */
  .pcw-ficha-container::after {
    content: " ";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%), 
                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
    background-size: 100% 3px, 2px 100%;
    z-index: 2;
    pointer-events: none;
    animation: flickering 0.15s infinite;
  }

  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }

  .retro-title {
    color: #00ff00 !important;
    font-size: 2em;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8);
    margin-bottom: 20px;
    border-bottom: 3px double #00ff00;
    padding-bottom: 10px;
    text-align: left;
  }

  .retro-subtitle {
    color: #00ff00 !important;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
    margin-top: 30px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #00ff00;
    padding-bottom: 5px;
    text-transform: uppercase;
  }

  .pcw-bloque-imagenes, .pcw-bloque-centrado {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
    position: relative !important;
    z-index: 3 !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Contenedor adaptativo para fila de extras */
  .pcw-fila-unica {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-bottom: 25px !important;
    position: relative !important;
    z-index: 3 !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
  }
  .pcw-boceto-item {
    flex: 1 1 calc(25% - 12px) !important;
    min-width: 110px !important;
    max-width: 160px !important;
  }
  .pcw-boceto-item img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border: 1px solid #005500;
  }

  .pcw-grid-horizontal {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    justify-content: center !important;
    align-items: flex-start !important;
    margin-bottom: 25px !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .pcw-tabla-grid {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
    position: relative;
    z-index: 3;
  }
  .pcw-tabla-grid td {
    padding: 10px;
    text-align: center;
    vertical-align: middle;
  }

  .pcw-ficha-container img {
    border: 2px solid #005500;
    transition: 0.2s;
    cursor: pointer;
  }
  .pcw-ficha-container img:hover {
    border: 2px solid #00ff00 !important;
    box-shadow: 0 0 10px #00ff00 !important;
    transform: scale(1.02) !important;
  }

  .ficha-libro-crt {
    border: 8px solid #2a2a2a; 
    border-radius: 12px; 
    padding: 15px 20px;
    margin-bottom: 25px;
    display: flex; 
    flex-wrap: wrap; 
    gap: 20px;
    box-shadow: inset 0 0 40px rgba(0,255,0,0.15), 0 8px 20px rgba(0,0,0,0.7);
    position: relative;
    z-index: 3;
    background-color: rgba(0, 10, 0, 0.4);
    align-items: center;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
  }

  .portada-ficha-container {
    width: 180px; height: 250px; background-color: #111; border: 3px solid #00ff00; padding: 2px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;
  }
  .portada-ficha-container img.portada-fija { cursor: default !important; }
  .portada-ficha-container img.portada-fija:hover {
    border: 2px solid #005500 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .datos-ficha { flex: 1; min-width: 260px; }
  .titulo-linea { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #00ff00; margin-bottom: 12px; padding-bottom: 3px; }
  .datos-ficha h2 { margin: 0 !important; font-size: 1.4em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 8px #00ff00; }
  .bandera-pais { border: 1px solid #00ff00; }
  .bandera-pais:hover { border: 1px solid #00ff00 !important; box-shadow: none !important; transform: none !important; cursor: default !important; }

  .dato-linea { margin: 5px 0; font-size: 0.88em; display: flex; border-bottom: 1px solid rgba(0, 85, 0, 0.3); padding-bottom: 4px; line-height: 1.3; }
  .dato-etiqueta { color: #008800; font-weight: bold; min-width: 150px; text-transform: uppercase; }
  .dato-valor { color: #00ff00; }

  .pcw-texto-descripcion, .pcw-texto-plano { position: relative; z-index: 3; line-height: 1.6; text-align: justify; margin-bottom: 20px; }

  .dokuwiki .pcw-ficha-container a { color: #00ff00 !important; text-decoration: none !important; font-weight: bold; }
  .dokuwiki .pcw-ficha-container a:hover { text-decoration: underline !important; }

  .pcw-img-modal { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,10,0,0.95); overflow: auto; cursor: zoom-out; padding: 20px; box-sizing: border-box; }
  .pcw-img-modal-content { display: flex; justify-content: center; align-items: center; min-width: 100%; min-height: 100%; }
  .pcw-img-modal-content img { max-width: 95vw !important; max-height: 95vh !important; width: auto !important; height: auto !important; object-fit: contain !important; border: 4px solid #00ff00 !important; box-shadow: 0 0 30px #00ff00; }

  @media (max-width: 768px) {
    .ficha-libro-crt { flex-direction: column; align-items: center; }
    .dato-linea { flex-direction: column; }
    .dato-etiqueta { min-width: 100%; }
    .pcw-grid-horizontal { flex-direction: column; align-items: center; gap: 30px !important; }
    .pcw-boceto-item { flex: 1 1 calc(50% - 12px) !important; max-width: 140px !important; }
  }
</style>

<div id="pcwVisor" class="pcw-img-modal" onclick="this.style.display='none'">
  <div class="pcw-img-modal-content">
    <img id="pcwVisorImg" src="" alt="Visor">
  </div>
</div>

<script>
  function verImagen(url) {
    var visor = document.getElementById('pcwVisor');
    var img = document.getElementById('pcwVisorImg');
    img.src = url;
    visor.style.display = 'block';
    visor.scrollTop = 0;
    visor.scrollLeft = 0;
  }
</script>


<div class="pcw-ficha-container">
  <div class="retro-title">HEROQUEST</div>

  <!-- RECUADRO DE FICHA TÉCNICA (COMPACTA) -->
  <div class="ficha-libro-crt">
    <div class="portada-ficha-container">
      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Heroquest_ficha.jpg" class="portada-fija" style="width:170px; height:240px; object-fit: cover;">
    </div>
    <div class="datos-ficha">
      <div class="titulo-linea">
        <h2>FICHA TÉCNICA</h2>
        <img src="/lib/exe/fetch.php?media=botones:españa.jpg" class="bandera-pais" style="width:30px;">
      </div>
      <div class="dato-linea"><span class="dato-etiqueta">Compañía:</span><span class="dato-valor"><a href="doku.php?id=companias:gremlin_graphics" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Gremlin Graphics</a></span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Distribuidora:</span><span class="dato-valor"><a href="doku.php?id=companias:gremlin_graphics" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Gremlin Graphics</a></span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Equipo de producción:</span><span class="dato-valor">Programación Original: The Rowlands Brothers (Nick & Chris Rowlands)<br>Música Original: Barry Leitch</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Portado:</span><span class="dato-valor">HabiSoft (<a href="https://habisoft.com" target="_blank" style="color: #00ff00 !important; text-decoration: underline !important;">https://habisoft.com</a>)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Año del juego:</span><span class="dato-valor">1991 (Original)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Año del port:</span><span class="dato-valor">2016</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Compatibilidad:</span><span class="dato-valor">Amstrad PCW 8256 - PCW 8512 - PCW 9256 - PCW 9512</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Periféricos:</span><span class="dato-valor">Teclado / Joystick (Dk'Tronics)</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Carga:</span><span class="dato-valor">Autoarranque</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Género:</span><span class="dato-valor">Rol / Estrategia Isométrica / Tablero</span></div>
      <div class="dato-linea"><span class="dato-etiqueta">Idioma:</span><span class="dato-valor">Español</span></div>
    </div>
  </div>

  <!-- SECCIÓN CAPTURAS -->
  <div class="retro-subtitle">Capturas</div>
  <table class="pcw-tabla-grid">
    <tr>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Heroquest_1.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Heroquest_2.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Heroquest_3.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Heroquest_4.png" style="width:180px;" onclick="verImagen(this.src)"></td>
    </tr>
    <tr>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Heroquest_5.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Heroquest_6.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Heroquest_7.png" style="width:180px;" onclick="verImagen(this.src)"></td>
      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Heroquest_8.png" style="width:180px;" onclick="verImagen(this.src)"></td>
    </tr>
  </table>

  <!-- SECCIÓN DESCRIPCIÓN -->
  <div class="retro-subtitle">Descripción</div>
  <div class="pcw-texto-descripcion">
    HeroQuest es la adaptación oficial definitiva al entorno informático del mítico juego de tablero de mazmorras diseñado por Milton Bradley y Games Workshop. Publicado originalmente por Gremlin Graphics en 1991, el título se convirtió en un clásico instantáneo de los sistemas de 8 bits por su soberbia recreación tridimensional isométrica de los escenarios, las misiones y las miniaturas de los héroes (el Bárbaro, el Enano, el Elfo y el Mago). La fidelidad con la que el juego replicó la atmósfera del juego original de rol táctico, los dados de combate y la exploración oculta a través de pasillos subterráneos marcó una época.<br><br>
    Esta espectacular versión adaptada de forma nativa para la gama Amstrad PCW fue desarrollada en 2016 por el incansable preservador HabiSoft. Técnicamente, se trata de una portentosa labor de conversión realizada a partir del código fuente de Amstrad CPC. Curiosamente, la versión comercial original de CPC arrastraba graves problemas de optimización: los desarrolladores originales de Gremlin (los hermanos Rowlands) reutilizaron las rutinas tridimensionales isométricas creadas para el espectro de color de ZX Spectrum, lo que provocaba unas ralentizaciones extremas al procesar y volcar los búfers gráficos en pantallas CPC. HabiSoft reestructuró y parcheó por completo este cuello de botella en código máquina Z80.<br><br>
    Al optimizar los algoritmos de volcado, HabiSoft logró una proeza muy inusual en la escena retro: la versión de HeroQuest para Amstrad PCW se ejecuta de forma notablemente más rápida, suave y eficiente que en el Amstrad CPC original. Toda la interfaz del inventario, la brújula, las búsquedas de tesoros, trampas o puertas secretas han sido rediseñadas para lucir de forma nítida en pantallas clásicas de fósforo verde. El port incluye, además, soporte de sonido completo adaptado para la interfaz musical Dk'Tronics y compatibilidad inmediata con su joystick. Un hito de ingeniería informática que hace justicia a uno de los mejores juegos de mesa de la historia.
  </div>


  <!-- SECCIÓN CARÁTULA -->
  <div class="retro-subtitle">Caratula</div>
  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Heroquest_cover.jpg" style="width:440px;" onclick="verImagen(this.src)">
  </div>

  <!-- SECCIÓN DISCOS -->
  <div class="retro-subtitle">Discos</div>
  <div class="pcw-bloque-imagenes">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Heroquest_disk_1.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Heroquest_disk_2.jpg" style="width:180px;" onclick="verImagen(this.src)">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Heroquest_disk_3.jpg" style="width:180px;" onclick="verImagen(this.src)">
  </div>

  <!-- SECCIÓN ETIQUETAS -->
  <div class="retro-subtitle">Etiquetas</div>
  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 20px;">
    Medidas normalizadas para disquetes de 3 pulgadas Amstrad: Alto: 7,00 cm - Ancho: 7,10 cm.
  </div>
  <div style="text-align: center;">
    <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center;">
      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:discos:Heroquest_etiq_1.jpg" style="width:160px; cursor:pointer;" onclick="verImagen(this.src)">
    </div>
  </div>

  <!-- SECCIÓN EXTRAS (SANEADA: SOLO EL PÓSTER OFICIAL) -->
  <div class="retro-subtitle">Extras</div>

  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Póster de Preservación Histórica</div>
  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 15px;">
    Se adjunta la obra artística original que ilustraba la carátula y el material promocional impreso de Gremlin Graphics, digitalizada a alta resolución para su salvaguarda en la base de datos. Haga clic sobre la miniatura para desplegarla en el visor integrado.
  </div>
  
  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Heroquest_poster.jpg" style="width:280px; cursor:zoom-in;" onclick="verImagen(this.src)" title="Póster Promocional Oficial - HeroQuest">
  </div>

  <!-- SECCIÓN MAPA -->
  <div class="retro-subtitle">Mapa</div>
  <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 15px;">
    Se incluye el mapa táctico completo del tablero de juego, fundamental para trazar las rutas de exploración y prever la ubicación estratégica de las salas de mazmorras.
  </div>

  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
    <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:HeroQuest_mapa.jpg" style="width:440px; cursor:zoom-in;" onclick="verImagen(this.src)" title="Mapa del Tablero de Juego - HeroQuest">
  </div>


  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Configuración de Mandos y Teclado Redefinible</div>
  <div style="max-width: 600px; margin-bottom: 25px;">
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 150px;">Dirección / Cursor:</span><span class="dato-valor">Mover el puntero táctico por las casillas del tablero mediante los Cursores del teclado / Soporte para Joystick Dk'Tronics.</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 150px;">Selección / Acción:</span><span class="dato-valor">Tecla de <strong>Espacio</strong> o Botón de Disparo del Joystick para interactuar con los menús e iconos de acción.</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 150px;">Atajo de Pausa:</span><span class="dato-valor">Tecla <strong>P</strong> para detener la lógica del juego durante los turnos.</span></div>
    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 150px;">Menú Rápido:</span><span class="dato-valor">Acceso inmediato mediante iconos visuales a las fichas de los personajes (Estatus, Oro, Armas y Hechizos).</span></div>
  </div>

  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Estrategias, Reglas del Tablero y Mecánicas de Mazmorra</div>
  <div class="pcw-texto-plano" style="text-align: justify;">
    <strong>• Gestión Óptima del Grupo de Héroes:</strong> Cada uno de los cuatro personajes tiene un rol matemático y crítico en la expedición. El Bárbaro destaca por su fuerza ofensiva bruta (ideal para abrir pasillos custodiados por Orcos), el Enano cuenta con la habilidad de desactivar trampas sin necesidad de herramientas, el Elfo equilibra la agilidad con magias menores, y el Mago dispone del repertorio más destructivo de hechizos elementales a cambio de una alarmante fragilidad en el cuerpo a cuerpo.<br><br>
    <strong>• Búsqueda Sistemática de Trampas y Secretos:</strong> Avanzar a ciegas por las habitaciones es un boleto directo a la derrota. Antes de desplazar a tus personajes por una zona inexplorada, es obligatorio ejecutar la acción de "Buscar Trampas" y "Buscar Puertas Secretas" desde el menú isométrico. El motor del juego leerá las casillas colindantes y revelará los peligros ocultos antes de sufrir daños irreversibles.<br><br>
    <strong>• Mecánica de Dados de Combate y Escudos:</strong> Los enfrentamientos contra las huestes de Morcar se rigen por un sistema aleatorio que emula los dados oficiales del juego de mesa. Al atacar, necesitas obtener símbolos de calaveras para infligir daño. El defensor (ya sea un héroe o un monstruo) lanzará automáticamente sus dados de escudo: los escudos blancos salvan a los aventureros, mientras que los escudos negros defienden a las criaturas del Caos.<br><br>
    <strong>• Administración del Inventario y Hechizos:</strong> Los puntos de mente y cuerpo dictan la supervivencia de tus héroes. Asegúrate de saquear los cofres ejecutando la acción "Buscar Tesoro", pero ten cuidado, ya que el motor lógico del juego puede activar cartas de evento que invoquen monstruos errantes en tu misma habitación. Distribuye el oro acumulado entre misiones para adquirir armaduras de placas y espadas anchas en la tienda integrada.
  </div>

  <!-- SECCIÓN DESCARGA -->
  <div class="retro-subtitle">Descargas Disponibles</div>
  
  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Juego</div>
  <div class="pcw-bloque-imagenes" style="gap: 20px !important;">
    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:Heroquest.zip" style="text-decoration: none !important;">
      <div style="border: 2px solid #005500; background: rgba(0,20,0,0.6); padding: 12px 20px; border-radius: 6px; text-align: center; transition: 0.2s; cursor: pointer;" onmouseover="this.style.borderColor='#00ff00'; this.style.boxShadow='0 0 10px #00ff00';" onmouseout="this.style.borderColor='#005500'; this.style.boxShadow='none';">
        <span style="color: #00ff00; font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 4px;">⬇ HeroQuest</span>
        <span style="color: #008800; font-size: 0.85em;">Imagen de disco Amstrad compatible (.ZIP)</span>
      </div>
    </a>
  </div>

  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 30px; border-bottom: 1px dotted #00ff00;">Manuales</div>
  <div class="pcw-bloque-imagenes" style="gap: 20px !important; margin-bottom: 35px;">
    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:descargas:Heroquest_manual.pdf" style="text-decoration: none !important;">
      <div style="border: 2px solid #005500; background: rgba(0,20,0,0.6); padding: 12px 20px; border-radius: 6px; text-align: center; transition: 0.2s; cursor: pointer;" onmouseover="this.style.borderColor='#00ff00'; this.style.boxShadow='0 0 10px #00ff00';" onmouseout="this.style.borderColor='#005500'; this.style.boxShadow='none';">
        <span style="color: #00ff00; font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 4px;">📄 Libro de Reglas</span>
        <span style="color: #008800; font-size: 0.85em;">Edición original escaneada a 300 ppp (PDF)</span>
      </div>
    </a>
  </div>

  <!-- SECCIÓN VÍDEOS -->
  <div class="retro-subtitle">Vídeos</div>
  <div style="display: flex; justify-content: center; align-items: center; margin-bottom: 30px; position: relative; z-index: 3;">
    <div style="border: 3px solid #005500; border-radius: 8px; padding: 5px; background-color: #000b00; box-shadow: 0 0 15px rgba(0, 255, 0, 0.4); display: inline-block;">
      </html>{{youtube>YKJKh6XL170?large}}<html>
    </div>
  </div>
</div>
</html>