La sfida
Volevamo dimostrare che React Native puo creare giochi mobile completi, non solo app di produttivita. L’obiettivo: un tycoon di simulazione aziendale con grafica pixel art, IA competitiva e un’economia bilanciata, il tutto a 60fps su iOS e Android da un unico codebase.
L’approccio
Pixel art senza sprite
Invece di caricare sprite sheet, abbiamo deciso di renderizzare tutto in modo procedurale con @shopify/react-native-skia. Ogni edificio, albero e personaggio e disegnato con rettangoli di 8x8 pixel direttamente su un Canvas. Questo elimina la gestione degli asset e rende la grafica completamente dinamica: la torre del giocatore cresce in tempo reale in base al numero di dipendenti.
Game engine in TypeScript
Il game loop elabora ogni “giorno” di simulazione calcolando entrate, spese, effetti attivi e azioni dei concorrenti IA. Abbiamo utilizzato Zustand con 5 slice (game, player, competitor, event, UI) per una gestione dello stato prevedibile ed efficiente.
Concorrenti con personalita
Ciascuno dei 6 concorrenti IA ha pesi distinti per le proprie decisioni: aggressivita, propensione alle assunzioni, propensione ai lanci o propensione al marketing. Nebula Systems assume in modo aggressivo, Vortice Gaming scommette sui lanci di prodotto, Pagina Azul si concentra sul marketing. Possono attaccare il giocatore, rubare talenti e persino fallire.
Eventi dinamici
Oltre 10 eventi casuali con condizioni di attivazione e opzioni con conseguenze reali. Un bug critico puo costarti morale o denaro. Un angel investor offre liquidita in cambio di diluizione. Ogni partita e diversa.
Stack tecnologico
- React Native 0.86 + Expo 57 — Framework e sistema di build
- @shopify/react-native-skia — Rendering 2D ad alte prestazioni
- Zustand — Stato globale con 5 slice specializzati
- expo-sqlite — Persistenza del gioco e classifica
- i18next — Bilingue spagnolo/inglese
- expo-haptics — Feedback tattile su azioni ed eventi
- Strict TypeScript — Tipizzazione completa del game engine
Risultato
Un MVP funzionale con 35 giorni di simulazione, 6 azioni strategiche, oltre 10 eventi dinamici e un sistema di progressione visiva (la torre cresce da 1 a 8 piani). Salvataggio automatico, classifica locale e supporto bilingue inclusi. Pronto per la pubblicazione su App Store e Google Play.
Come lavoriamo
Ogni progetto segue il nostro processo artigianale, adattato alle esigenze specifiche di ogni cliente.
Discovery & Requisiti
Immersione nel business, utenti e obiettivi. Workshop di ideazione, ricerca di mercato e definizione dell'ambito MVP.
Design & Architettura
Wireframe, prototipi interattivi e architettura tecnica. Validazione con il cliente prima di scrivere codice.
Sviluppo & Testing
Sprint di 2 settimane con demo. CI/CD, code review e testing continuo. Feedback a ogni iterazione.
Consegna & Evoluzione
Deploy in produzione, monitoraggio e supporto. Metriche post-lancio e roadmap di miglioramenti continui.