Tier 2 · PORTFOLIO HELICOPTER

Juego HTML5 cinemático.Cinematic HTML5 game.

Single-file de 17,000+ líneas: Canvas 2D + WebGL post-processing + raycaster DOOM-style. Demostración técnica de lo que se puede meter en un solo .html.17,000+ line single-file: Canvas 2D + WebGL post-processing + DOOM-style raycaster. Technical demo of what fits in a single .html.

01 / ProblemaProblem

La idea realThe idea real

La mayoría de juegos web requieren engines de varios MB y CDNs. Quería ver hasta dónde se puede llevar Canvas 2D puro + un shader WebGL de post-processing — sin Unity, sin Godot, sin assets externos. Todo en un solo archivo HTML que se puede abrir desde el escritorio.Most web games require multi-MB engines and CDNs. I wanted to see how far pure Canvas 2D + a WebGL post-processing shader could go — no Unity, no Godot, no external assets. Everything in a single HTML file that opens from the desktop.

Por qué importaWhy it matters

Single-file de 17,000+ líneas: Canvas 2D + WebGL post-processing + raycaster DOOM-style. Demostración técnica de lo que se puede meter en un solo .html.17,000+ line single-file: Canvas 2D + WebGL post-processing + DOOM-style raycaster. Technical demo of what fits in a single .html.

02 / SoluciónSolution

Cómo lo resolvemos.How we solve it.

Vuelo 2D lateral con física F=ma real, cuatro modelos de helicóptero (incluido Kawasaki OH-1 Ninja stealth), water rotor-wash con ripples y spray, montaña con cinco plataformas/helipuertos, sistema de cámara con deadzone vertical. Cuando aterrizás cerca de la cueva, presionas F y entrás a un raycaster 3D DOOM-style con maze procedural 21×21, sprites de murciélagos y arañas, supervivientes que ondean, antorcha con falloff, minimapa.Lateral 2D flight with real F=ma physics, four helicopter models (including Kawasaki OH-1 Ninja stealth), water rotor-wash with ripples and spray, mountain with five platforms/helipads, camera system with vertical deadzone. When you land near the cave, press F to enter a DOOM-style 3D raycaster with procedural 21×21 maze, bat and spider sprites, waving survivors, torch with falloff, minimap.

03 / Stack

Tecnologías usadas.Tech used.

Render
Canvas 2D
Effects
WebGL shaders
3D
Custom raycaster
Physics
Custom F=ma
Audio
Web Audio API
File
Single HTML
17K+
Líneas JSJS lines
1
ArchivoFile
0
DependenciasDependencies
60fps
TargetTarget
04 / Próximos pasosNext steps

¿Querés probarlo?Want to try it?

El juego se entrega como single .html, se ejecuta local o se hostea estático. Si te interesa licenciarlo como portfolio piece o adaptarlo a otra temática, hablemos.The game ships as a single .html, runs locally or hosts as static. If you want to license it as a portfolio piece or adapt to a different theme, let's talk.

Hablemos del proyectoLet's discuss the project