Arsenal

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.

Demo apagadaPrincipianteJuegos y demosLibre

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.js en la carpeta del proyecto y abrís http://localhost:4900.
  • Probá los looks: agregá ?look=dia, ?look=neon o ?look=sunset a 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

CampoDetalle
StackCanvas 2D puro (cero librerías front) + Node sin dependencias + Docker
Estado real hoyLIVE en producción y verificado; falta solo el backup del código a GitHub
Dónde vivehttps://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ó.

En esta guía
  1. Qué es
  2. Qué problema resuelve
  3. Cómo funciona (por dentro, explicado simple)
  4. Cómo se usa
  5. Lo que aprendí construyéndolo
  6. Ficha técnica