Historia de los shooters cenitales
Hablar de shooters cenitales es hablar de una de las columnas del videojuego arcade. Cielo y Acero: Ofensiva se declara heredero jugable de esa línea —scroll vertical, terreno legible, vehículos aéreos y terrestres— pero con distribución PWA y una piel visual contemporánea. Esta guía resume hitos con fechas comprobables y explica qué tomamos y qué dejamos fuera.
1983–1986: se define el género
Xevious, publicado por Namco en 1983, mostró un paisaje visto desde arriba con objetivos separados en tierra y aire. El jugador debía cambiar de arma según el blanco. Un año después, Capcom lanzó 1942 (1984), ambientado en el teatro del Pacífico de la Segunda Guerra Mundial, con formaciones de aviones y power-ups. Esos dos títulos fijaron expectativas: lectura clara del suelo, oleadas y sensación de avanzar sobre un mapa.
1987: Twin Cobra y el helicóptero
Twin Cobra (también conocido como Kyukyoku Tiger), desarrollado por Toaplan y publicado en arcade en 1987, puso al jugador en un helicóptero de combate sobre islas, playas, ruinas y búnkeres. El terreno detallado —agua con espuma, arena, vegetación, estructuras grises— es la referencia de jugabilidad que citamos al diseñar nuestros tiles de costa y ruinas. No copiamos sprites ni marcas: recreamos la sensación de “volar bajo y leer el suelo”.
Toaplan y la escuela japonesa
Toaplan, activa hasta 1994, dejó una huella enorme. Tras su cierre, talento y lecciones llegaron a Cave, Raizing/8ing y otros estudios que empujaron el “bullet hell”: pantallas llenas de patrones de balas donde la hitbox pequeña y la memorización son clave. Cielo y Acero no apunta a esa densidad extrema. En celular, priorizamos legibilidad, un hitbox de jugador compacto (~10 px lógicos) y jefes con abanicos comprensibles.
De la sala arcade al sofá
Los ports a NES, Master System, Mega Drive y colecciones digitales mantuvieron el género vivo. En la era indie reaparecieron homenajes en pixel art y también reinterpretaciones con arte HD. Nosotros elegimos un acabado cartoon 3D brillante para retratos y una UI con marcos dorados biselados, banners rojos y botones verdes —más cercana a la estética de puzzles móviles premium que al HUD naranja de “INSERT COIN”.
HTML5, Canvas y PWA
Con Canvas 2D y WebAudio se pueden montar shooters sin plugins. Las Progressive Web Apps añaden manifest, iconos maskable 192/512, apple-touch-icon y service worker. Nuestro SW versiona la caché por build, solo almacena respuestas ok del mismo origen y, en fallo de red, hace fallback de navegación al index. Si hay update, mostramos “Nueva versión”.
El bucle de juego usa un único requestAnimationFrame con identificador cancelable, paso fijo de 16.67 ms y acumulador, para que las balas rápidas no salten obstáculos en frames largos. En pausa o pestaña oculta no pedimos frames; el AudioContext se suspende.
Por qué ambientar en el Caribe
En lugar de un teatro de guerra genérico o de insignias reales, ambientamos la campaña en barrios y ciudades de República Dominicana y Panamá. Es ficción de entretenimiento. Buscamos que jugadores locales y de la diáspora reconozcan nombres como Casco Viejo o Ciudad Colonial mientras pilotan un Céfiro inventado.
Qué leer después
Para profundizar en Twin Cobra y Toaplan, las bases de datos de arcade (por ejemplo Killer List of Videogames) y retrospectivas de prensa especializada documentan hardware, fechas y ports. Para Xevious, las historias corporativas de Namco y museos del videojuego japonés ofrecen contexto. Luego regresa al mapa de Ofensiva y pon a prueba la lectura del terreno en la primera ciudad.
El género cenital sigue vivo porque enseña una habilidad atemporal: ver el campo completo, decidir en fracciones de segundo y seguir adelante. Eso, en el navegador de tu bolsillo, es Cielo y Acero.
Lenguaje visual que pedimos prestado (y el que no)
De Twin Cobra tomamos la idea de terreno legible y sombra de aeronave. De los puzzles móviles premium tomamos marcos dorados, botones verdes con bisel y modales de “Nivel superado”. No tomamos tipografías propietarias, personajes con copyright ni marcas registradas. El resultado debe sentirse familiar en la mano y nuevo en la identidad.
Accesibilidad táctil como parte de la historia del género
Los arcade tenían sticks y botones enormes. Los ports a teléfono a veces fallaron por hitboxes invisibles o joysticks virtuales imprecisos. Por eso Ofensiva insiste en Pointer Events, botones de 64 px mínimo y zona libre de pulgar. Es una nota al pie moderna en la historia del género: el cenital solo sobrevive en el bolsillo si se controla bien con un dedo.
Audio: del chip PCM al oscilador
Los arcade clásicos usaban chips de sonido dedicados. Nosotros generamos tonos cortos con WebAudio (onda square/saw/sine) a través de un GainNode maestro, con intervalo mínimo para no saturar. No hay banda orquestal: hay feedback claro de disparo, impacto y victoria. Suficiente para un PWA ligero.
La historia sigue escribiéndose cada vez que alguien instala la app desde el navegador y recupera Ciudad Colonial. Ese es, al final, el arcade del siglo XXI.