O desafio
Queríamos provar que o React Native pode criar jogos mobile completos — não apenas apps de produtividade. O objetivo: um tycoon de simulação empresarial com gráficos em pixel art, IA competitiva e uma economia equilibrada, tudo rodando a 60fps no iOS e Android a partir de uma única base de código.
A abordagem
Pixel art sem sprites
Em vez de carregar sprite sheets, decidimos renderizar tudo de forma procedural com @shopify/react-native-skia. Cada edifício, árvore e personagem é desenhado com retângulos de 8x8 pixels diretamente em um Canvas. Isso elimina a gestão de assets e torna os gráficos completamente dinâmicos: a torre do jogador cresce em tempo real com base no número de funcionários.
Motor de jogo em TypeScript
O game loop processa cada “dia” da simulação calculando receita, despesas, efeitos ativos e ações dos competidores com IA. Usamos Zustand com 5 slices (game, player, competitor, event, UI) para um gerenciamento de estado previsível e eficiente.
Competidores com personalidade
Cada um dos 6 competidores com IA tem pesos distintos para suas decisões: agressividade, tendência de contratação, tendência de lançamento ou tendência de marketing. Nebula Systems contrata agressivamente, Vórtice Gaming aposta em lançamentos de produtos, Página Azul foca em marketing. Eles podem atacar o jogador, roubar talentos e até falir.
Eventos dinâmicos
Mais de 10 eventos aleatórios com condições de ativação e opções com consequências reais. Um bug crítico pode custar moral ou dinheiro. Um investidor anjo oferece capital em troca de diluição. Cada partida é diferente.
Stack tecnológico
- React Native 0.86 + Expo 57 — Framework e sistema de build
- @shopify/react-native-skia — Renderização 2D de alta performance
- Zustand — Estado global com 5 slices especializados
- expo-sqlite — Persistência do jogo e placar
- i18next — Bilíngue Espanhol/Inglês
- expo-haptics — Feedback tátil em ações e eventos
- Strict TypeScript — Tipagem completa do motor de jogo
Resultado
Um MVP funcional com 35 dias de simulação, 6 ações estratégicas, mais de 10 eventos dinâmicos e um sistema de progressão visual (a torre cresce de 1 a 8 andares). Salvamento automático, placar local e suporte bilíngue incluídos. Pronto para publicação na App Store e Google Play.
Como trabalhamos
Cada projeto segue o nosso processo artesanal, adaptado as necessidades especificas de cada cliente.
Discovery & Requisitos
Imersao no negócio, utilizadores e objetivos. Workshops de ideação, pesquisa de mercado e definição do escopo MVP.
Design & Arquitetura
Wireframes, protótipos interativos e arquitetura técnica. Validação com cliente antes de escrever código.
Desenvolvimento & Testing
Sprints de 2 semanas com demos. CI/CD, code review e testing contínuo. Feedback em cada iteração.
Entrega & Evolução
Deploy em produção, monitorização e suporte. Métricas pos-lançamento e roadmap de melhorias contínuas.