Diferencias

Muestra las diferencias entre dos versiones de la página.

--- software:nuevos_desarrollos:spirits [2026/07/22 06:40] – jesus
+++ software:nuevos_desarrollos:spirits [2026/07/22 06:54] (actual) – jesus
@@ Línea 1: / Línea 1: @@
-<!-- RECUADRO DE FICHA TÉCNICA (COMPACTA) -->
+~~NOTOC~~
-  <div class="ficha-libro-crt">
-    <div class="portada-ficha-container">
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Spirits_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:topo_soft" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Topo Soft</a></span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Distribuidora:</span><span class="dato-valor"><a href="doku.php?id=companias:erbe_software" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">ERBE Software</a></span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Equipo de producción:</span><span class="dato-valor">Diseño y Gráficos: Gaby López<br>Programación original: Javier Cano<br>Música original: César Astudillo (Gominolas)</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">1987 (Original)</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Año del port:</span><span class="dato-valor">2019</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Compatibilidad:</span><span class="dato-valor">PCW 8256 - PCW 8512 - PCW 9512 / PCW# mini</span></div>
-      <div class="dato-linea"><span class="dato-etiqueta">Periféricos:</span><span class="dato-valor">Teclado / Joystick</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">Video-Aventura / Laberinto</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 -->
+<html>
-  <div class="retro-subtitle">Capturas</div>
+<style>
-  <table class="pcw-tabla-grid">
+  /* --- FICHA TÉCNICA VISUAL ENGINE ORIGINAL --- */
-    <tr>
+  .pcw-ficha-container {
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Spirits_1.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+    background-color: #000b00;
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Spirits_2.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+    border: 12px solid #2a2a2a;
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Spirits_3.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+    border-radius: 15px;
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Spirits_4.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+    padding: 25px;
-    </tr>
+    margin: 25px 0;
-    <tr>
+    font-family: 'Courier New', Courier, monospace;
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Spirits_5.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+    position: relative;
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Spirits_6.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+    overflow: hidden;
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Spirits_7.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+    box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
-      <td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Spirits_8.png" style="width:180px;" onclick="verImagen(this.src)"></td>
+    color: #00bb00;
-    </tr>
+  }
-  </table>
+  /* 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;
+  }
-  <!-- SECCIÓN DESCRIPCIÓN -->
+  @keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
-  <div class="retro-subtitle">Descripción</div>
-  <div class="pcw-texto-descripcion">
+  .retro-title {
-    Spirits es un título histórico de la Edad de Oro del software español lanzado originalmente en 1987. Supuso el debut oficial del sello madrileño Topo Soft tras independizarse en materia de desarrollo de la distribuidora ERBE Software. Diseñado gráficamente por Gaby López y programado en su origen por Javier Cano, el juego nos transporta a una lúgubre fantasía medieval donde un malvado hechicero ha sumido las tierras en las tinieblas. Para combatirlo, controlamos a un mago capaz de fragmentar su alma y proyectar su espíritu astral de forma etérea, una innovadora mecánica de juego cooperativo unipersonal donde cuerpo y alma deben complementarse para sortear trampas mortales y resolver laberintos.<br><br>
+    color: #00ff00 !important;
-    Aunque el juego fue aclamado en sistemas como Sinclair ZX Spectrum, MSX y Amstrad CPC por su adictiva fórmula y la inolvidable melodía cargada de melancolía compuesta por César Astudillo "Gominolas", los usuarios de Amstrad PCW se vieron privados de este lanzamiento comercial en su día. En el año 2019, el preservador y desarrollador HabiSoft hizo justicia histórica creando una portentosa conversión nativa para la gama PCW. En palabras del propio autor: "Ha resultado ser otro juego fácil de portar desde CPC, de nuevo por la emulación de Spectrum que hace. Al contrario que el Pac-Mania, en este caso salimos ganando velocidad con respecto a dicha versión."<br><br>
+    font-size: 2em;
-    Esta conversión saca un partido fantástico de los microordenadores de oficina de Amstrad. Gracias a las optimizaciones aplicadas, la jugabilidad resulta sumamente fluida y la tasa de refresco supera en dinamismo a la versión original de CPC. El apartado visual monocromático ha sido adaptado con maestría mediante una matriz limpia de entramados visuales que mitiga por completo el ghosting de los monitores clásicos de fósforo verde. El mapa se compone de dos castillos paralelos simétricos (el Castillo de la Luz y el Castillo de las Sombras) interconectados por portales mágicos, donde los objetos cambian aleatoriamente de ubicación en cada partida, desafiando incluso a los cartógrafos más experimentados de la escena retro.
+    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-presentacion-galeria, .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;
+  }
+  .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-grid-item {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: center !important;
+    text-align: center !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; width: 100%; height: 100%; }
+  .pcw-img-modal img { max-width: 100% !important; max-height: 85vh !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; }
+  }
+</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">SPIRITS</div>
 <!-- RECUADRO DE FICHA TÉCNICA (COMPACTA) -->
   <div class="ficha-libro-crt">
@@ Línea 162: / Línea 296: @@
   <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
     <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Spirits_mapa.png" target="_blank">
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Spirits_mapa.png" style="width:440px; max-width: 100%; height: auto;" onclick="verImagen(this.src)">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Spirits_mapa.png" style="width:440px; max-width: 100%; height: auto;">
     </a>
   </div>
   <!-- SECCIÓN PÓSTER -->
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Póster Oficial</div>
+  <div class="retro-subtitle">Póster Oficial</div>
   <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
-    <img src="https://pcwwiki2.com" style="width:280px; max-width: 100%; height: auto;" onclick="verImagen(this.src)">
+    <img src="https://pcwwiki2.com/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:spirits_poster.jpg" style="width:280px; max-width: 100%; height: auto;" onclick="verImagen(this.src)">
   </div>
@@ Línea 199: / Línea 333: @@
   <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>Lf8dh85Nr4w?large}}<html>
+</html>{{youtube>Lf8dh85Nr4w?large}}<html>
     </div>
   </div>