QUIMERA RUN — El Operador
Plataformero pixel 2D hecho sin librerías: juntás chips, pisás problemas de oficina y enfrentás al jefe EL CAOS MANUAL. Un juego que vende servicios.
Qué es
Un juego de plataformas pixel 2D, estilo Mario, que corre en el navegador. Jugás como El Operador: cruzás la ciudad juntando chips QMR, saltando sobre los problemas de un negocio (spam, tareas, llamadas perdidas, bugs) y al final enfrentás al jefe: EL CAOS MANUAL. Cada nivel representa un servicio real de mi agencia. Está vivo en https://quimeracity.quimeracloud.com.
Qué problema resuelve
Necesitaba una forma distinta de mostrar lo que hacemos sin mandar otro PDF aburrido. Un juego que la gente comparte y que, mientras se divierte, le cuenta qué servicios ofrecemos. Es marketing jugable.
Cómo funciona (por dentro, explicado simple)
Es Canvas 2D puro, cero librerías: carga instantáneo hasta en un celular viejo. Un servidor Node sin dependencias sirve los archivos y guarda el ranking en un JSON. Hay 3 modos por URL: #play (aventura de 3 niveles + jefe), #daily (desafío del día con reloj de 90 segundos y ranking) y #duel (retás a alguien con un link). También hay 3 looks visuales con ?look=dia|neon|sunset.
Lo que más trabajo llevó fue el "game-feel": el salto está calculado por tiempo-al-ápice, con gravedad asimétrica (subís flotando, caés firme), coyote time, buffer de salto y corrección de esquinas. Todo basado en charlas de GDC y en el código de Celeste.
Cómo se usa
- Jugar ya: entrá a https://quimeracity.quimeracloud.com (teclado en PC, controles táctiles en celular).
- Correrlo local: con Node instalado,
node server.jsen la carpeta del proyecto y abríshttp://localhost:4900. - Probá los looks: agregá
?look=dia,?look=neono?look=sunseta la URL.
Lo que aprendí construyéndolo
La primera versión era un GTA 3D con Three.js. Cuando lo probé de verdad le puse 2/10: lento, oscuro, no vendía nada. Pivotear al 2D dolió pero fue la decisión correcta. Después vinieron dos rondas más de feedback honesto: "feo y difícil" (arreglado con temas visuales y 5 vidas) y "la movilidad es un gran defecto" (arreglado estudiando cómo lo hacen los plataformeros buenos). Lección: probá tu producto como usuario real y no te enamores de la versión que ya construiste. Y verificá el comportamiento, no solo capturas de pantalla: una vez casi "arreglo" un bug que en realidad era un artefacto del navegador headless.
Ficha técnica
| Campo | Detalle |
|---|---|
| Stack | Canvas 2D puro (cero librerías front) + Node sin dependencias + Docker |
| Estado real hoy | LIVE en producción y verificado; falta solo el backup del código a GitHub |
| Dónde vive | https://quimeracity.quimeracloud.com (también corre local en mi PC) |
¿Lo querés funcionando en tu negocio?
Mirá cómo trabajamos, o entrá gratis a la comunidad y preguntá lo que te trabó.