El reto
Queríamos demostrar que React Native sirve para crear juegos móviles completos — no solo apps de productividad. El objetivo: un tycoon de simulación empresarial con gráficos pixel art, IA competitiva y una economía equilibrada, todo ejecutándose a 60fps en iOS y Android desde un solo codebase.
El enfoque
Pixel art sin sprites
En lugar de cargar sprite sheets, decidimos renderizar todo proceduralmente con @shopify/react-native-skia. Cada edificio, árbol y personaje se dibuja con rectángulos de 8x8 píxeles directamente en un Canvas. Esto elimina la gestión de assets y hace que los gráficos sean completamente dinámicos: la torre del jugador crece en tiempo real según el número de empleados.
Motor de juego en TypeScript
El game loop procesa cada “día” de simulación calculando ingresos, gastos, efectos activos y acciones de los competidores IA. Usamos Zustand con 5 slices (game, player, competitor, event, UI) para un estado predecible y eficiente.
Competidores con personalidad
Cada uno de los 6 competidores IA tiene pesos distintos para sus decisiones: agresividad, sesgo hacia contratación, lanzamiento o marketing. Nebula Systems contrata agresivamente, Vortice Gaming apuesta por lanzar productos, Pagina Azul se centra en marketing. Pueden atacar al jugador, robar talento e incluso quebrar.
Eventos dinámicos
Más de 10 eventos aleatorios con condiciones de activación y opciones con consecuencias reales. Un bug crítico puede costarte moral o dinero. Un ángel inversor te ofrece cash a cambio de dilución. Cada partida es distinta.
Stack técnico
- React Native 0.86 + Expo 57 — Framework y build system
- @shopify/react-native-skia — Renderizado 2D de alto rendimiento
- Zustand — Estado global con 5 slices especializados
- expo-sqlite — Persistencia de partidas y leaderboard
- i18next — Bilingüe español/inglés
- expo-haptics — Feedback táctil en acciones y eventos
- TypeScript estricto — Tipado completo del motor de juego
Resultado
Un MVP funcional con 35 días de simulación, 6 acciones estratégicas, más de 10 eventos dinámicos y un sistema de progresión visual (la torre crece de 1 a 8 pisos). Auto-guardado, leaderboard local y soporte bilingüe incluidos. Listo para publicación en App Store y Google Play.
Cómo trabajamos
Cada proyecto sigue nuestro proceso artesanal, adaptado a las necesidades específicas del cliente.
Discovery & Requisitos
Inmersión en negocio, usuarios y objetivos. Workshops de ideación, research de mercado y alcance MVP.
Diseño & Arquitectura
Wireframes, prototipos interactivos y arquitectura técnica. Validación con cliente antes de escribir código.
Desarrollo & Testing
Sprints de 2 semanas con demos. CI/CD, code review y testing continuo. Feedback en cada iteración.
Entrega & Evolución
Deploy a producción, monitorización y soporte. Métricas post-lanzamiento y roadmap de mejoras.