Diferencias

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

--- software:nuevos_desarrollos:nonamed [2026/07/19 09:03] – creado jesus
+++ software:nuevos_desarrollos:nonamed [2026/07/19 09:25] (actual) – jesus
@@ Línea 55: / Línea 55: @@
   }
-  .pcw-presentacion-galeria, .pcw-bloque-imagenes, .pcw-bloque-centrado {
+  .pcw-bloque-imagenes, .pcw-bloque-centrado {
     display: flex !important;
     flex-wrap: wrap !important;
@@ Línea 64: / Línea 64: @@
     justify-content: center !important;
     align-items: center !important;
+  }
+  /* Contenedor específico para forzar visualización en una sola fila */
+  .pcw-fila-unica {
+    display: flex !important;
+    flex-wrap: nowrap !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 0px !important;
+    min-width: 0 !important;
+    max-width: 180px !important;
+  }
+  .pcw-boceto-item img {
+    width: 100% !important;
+    height: auto !important;
+    object-fit: contain !important;
   }
@@ Línea 75: / Línea 98: @@
     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;
   }
@@ Línea 151: / Línea 167: @@
   .dokuwiki .pcw-ficha-container a:hover { text-decoration: underline !important; }
+  /* CORRECCIÓN VISOR: Adaptabilidad total a la pantalla sin recortes laterales */
   .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 img { max-width: none !important; max-height: none !important; width: auto !important; height: auto !important; border: 4px solid #00ff00 !important; box-shadow: 0 0 30px #00ff00; }
+  .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) {
@@ Línea 160: / Línea 177: @@
     .dato-etiqueta { min-width: 100%; }
     .pcw-grid-horizontal { flex-direction: column; align-items: center; gap: 30px !important; }
+    .pcw-fila-unica { flex-wrap: wrap !important; }
+    .pcw-boceto-item { max-width: 45% !important; }
   }
 </style>
@@ Línea 241: / Línea 260: @@
   </div>
   <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
-    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:nonamed_manual_jpg" target="_blank">
+    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:nonamed_instrucciones.jpg" target="_blank">
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:nonamed_manual_jpg" style="width:240px; cursor:zoom-in;">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:nonamed_instrucciones.jpg" style="width:240px; cursor:zoom-in;">
     </a>
   </div>
@@ Línea 268: / Línea 287: @@
   <div class="retro-subtitle">Extras</div>
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Bocetos de Alfonso Azpiri</div>
+  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Bocetos y Material de Diseño</div>
   <div class="pcw-texto-plano" style="text-align: justify; margin-bottom: 15px;">
-    Se adjuntan los bocetos de diseño y material gráfico conceptual originales vinculados a la producción, digitalizados para su preservación en el wiki. Estas obras pertenecen al legendario ilustrador español <strong>Alfonso Azpiri</strong>, figura indispensable de la Edad de Oro del software español cuya maestría definió la identidad visual de toda una generación de videojuegos a través de sus icónicas y detalladas portadas de cómics y carátulas de corte fantástico y de ciencia ficción.
+    Se adjunta el material conceptual digitalizado para su preservación en el wiki. La primera obra pertenece al legendario ilustrador español <strong>Alfonso Azpiri</strong>, cuya maestría definió la identidad visual de la Edad de Oro del software español a través de sus icónicas portadas de corte fantástico. Las tres imágenes restantes muestran los planos técnicos, esquemas y bocetos originales del diseño del juego utilizados durante su producción para estructurar las mecánicas y pantallas.
   </div>
-  <div class="pcw-bloque-imagenes" style="display: flex; justify-content: center; gap: 20px; margin-bottom: 25px;">
-    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_1.jpg" target="_blank">
+  <!-- Fila única con los 4 bocetos del mismo tamaño perfectamente alineados -->
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_1.jpg" style="width:180px; cursor:zoom-in;">
+  <div class="pcw-fila-unica">
-    </a>
+    <div class="pcw-boceto-item">
-    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_2.jpg" target="_blank">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto.jpg" onclick="verImagen(this.src)" title="Ilustración Original - Alfonso Azpiri">
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_2.jpg" style="width:180px; cursor:zoom-in;">
+    </div>
-    </a>
+    <div class="pcw-boceto-item">
-    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_3.jpg" target="_blank">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_2.jpg" onclick="verImagen(this.src)" title="Diseño del Juego - Esquema Técnico">
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_3.jpg" style="width:180px; cursor:zoom-in;">
+    </div>
-    </a>
+    <div class="pcw-boceto-item">
-    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_4.jpg" target="_blank">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_3.jpg" onclick="verImagen(this.src)" title="Diseño del Juego - Estructura">
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_4.jpg" style="width:180px; cursor:zoom-in;">
+    </div>
-    </a>
+    <div class="pcw-boceto-item">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_boceto_4.jpg" onclick="verImagen(this.src)" title="Diseño del Juego - Desarrollo">
+    </div>
   </div>
-  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Configuración de Teclado Histórica</div>
+  <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Configuración de Teclado (Completamente Redefinible)</div>
   <div style="max-width: 500px; margin-bottom: 25px;">
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla O:</span><span class="dato-valor">Moverse hacia la Izquierda</span></div>
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 130px;">Acción 1:</span><span class="dato-valor">Moverse hacia la Izquierda</span></div>
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla P:</span><span class="dato-valor">Moverse hacia la Derecha</span></div>
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 130px;">Acción 2:</span><span class="dato-valor">Moverse hacia la Derecha</span></div>
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla Q:</span><span class="dato-valor">Salto Vertical / Salto de Precisión</span></div>
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 130px;">Acción 3:</span><span class="dato-valor">Salto (Cálculo de Inercia y Altura)</span></div>
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla A:</span><span class="dato-valor">Salto Parabólico en Dirección de Marcha</span></div>
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 130px;">Acción 4:</span><span class="dato-valor">Agacharse (Evasión de Trampas Altas)</span></div>
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">SPACE:</span><span class="dato-valor">Ataque / Golpear con Espada</span></div>
+    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 130px;">Acción 5:</span><span class="dato-valor">Golpear (Ataque con Espada de Corto Alcance)</span></div>
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla H:</span><span class="dato-valor">Pausar partida</span></div>
-    <div class="dato-linea"><span class="dato-etiqueta" style="min-width: 110px;">Tecla STOP:</span><span class="dato-valor">Volver al Menú Principal</span></div>
   </div>
 <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Consejos, estrategias de supervivencia y trucos (Verificados)</div>
   <div class="pcw-texto-plano" style="text-align: justify;">
-    <strong>• Dominio Absoluto de las Inercias de Salto:</strong> Al igual que en otros desarrollos matemáticos de Dinamic, Nonamed cuenta con un riguroso sistema de saltos físicos. El salto vertical (Q) te elevará limpiamente sobre amenazas directas sin avanzar un solo píxel, mientras que el salto parabólico (A) te impulsará con una inercia fija hacia adelante. Es mandatorio calcular el espacio del suelo para que los talones del caballero no rocen las estacas.<br><br>
+    <strong>• Dominio del Teclado Redefinible:</strong> A diferencia de las rígidas rutinas de control predeterminadas de la época, Nonamed ofrece en su menú un menú integrado para redefinir las teclas. Es sumamente recomendable configurar una disposición que separe cómodamente las funciones de movimiento de las de salto y golpeo para optimizar la velocidad táctil en las secciones críticas.<br><br>
-    <strong>• Mecánica Oculta de Combate:</strong> No todas las criaturas deben ser esquivadas. La barra de espacio ejecuta una estocada frontal precisa. Memoriza el alcance exacto del acero de tu espadón para neutralizar a los enemigos que custodian pasillos estrechos justo antes de que inicien su rutina de embestida.<br><br>
+    <strong>• Control Absoluto del Salto y Agachado:</strong> El motor físico del juego lee con rigor milimétrico la acción de Salto junto con las inercias de marcha. Combinar el movimiento lateral con el botón de agacharse resulta indispensable para albergar los píxeles justos de la armadura del caballero debajo del rango de vuelo de los proyectiles y gárgolas.<br><br>
+    <strong>• Mecánica de Golpeo de Corto Alcance:</strong> La acción de Golpear ejecuta una estocada frontal veloz. Debes calcular con exactitud la distancia del espadón para limpiar pasillos de monstruos mutantes justo antes de que estos inicien su secuencia de embestida contra tu posición.<br><br>
     <strong>• Patrones y Sincronización en la Zona del Pantano:</strong> Las plataformas móviles y los monstruos voladores responden a bucles cíclicos fijos en memoria. Espera siempre en el primer píxel seguro del borde de la pantalla para identificar el ritmo de oscilación y cruzar limpiamente en diagonal.<br><br>
     <strong>• Truco de Inmunidad Temporal por Daño:</strong> Al recibir un impacto, el sprite del caballero sufre un breve parpadeo de invulnerabilidad. En pantallas con combinaciones de trampas masivas casi imposibles de esquivar, puedes sacrificar estratégicamente una pequeña porción de tu barra de energía chocando contra un enemigo menor para atravesar las estacas fijas sin sufrir una muerte instantánea.<br><br>
@@ Línea 309: / Línea 329: @@
   <div class="retro-subtitle" style="font-size: 1.1em; margin-top: 25px; border-bottom: 1px dotted #00ff00;">Mapa del Castillo de Nilrem</div>
   <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:Nonamed_mapa.png" target="_blank">
+    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Nonamed_mapa.jpg" target="_blank">
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Nonamed_mapa.png" style="width:440px; cursor:zoom-in;">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:Nonamed_mapa.jpg" style="width:440px; cursor:zoom-in;">
     </a>
   </div>
-  <!-- SECCIÓN PÓSTER DE PRESERVACIÓN -->
+  <!-- SECCIÓN PÓSTER DE PRESERVACIÓN - CORREGIDO CON SINTAXIS INTERNA DE MEDIOS -->
   <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-bloque-imagenes" style="display: flex; justify-content: center; margin-bottom: 25px;">
-    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:nonamed_poster.jpg" target="_blank">
+    <a href="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_poster.jpg" target="_blank">
-      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:nonamed_poster.jpg" style="width:440px; cursor:zoom-in;" alt="Póster Promocional Original Nonamed">
+      <img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:extras:nonamed_poster.jpg" style="width:280px; cursor:zoom-in;" alt="Póster Promocional Original Nonamed por Alfonso Azpiri">
     </a>
   </div>