Die Herausforderung
Wir wollten beweisen, dass React Native vollständige Mobile Games erstellen kann — nicht nur Produktivitäts-Apps. Das Ziel: ein Business-Simulations-Tycoon mit Pixel-Art-Grafik, konkurrenzfähiger KI und einer ausbalancierten Wirtschaft, alles mit 60fps auf iOS und Android aus einer einzigen Codebasis.
Der Ansatz
Pixel Art ohne Sprites
Statt Sprite Sheets zu laden, haben wir uns entschieden, alles prozedural mit @shopify/react-native-skia zu rendern. Jedes Gebäude, jeder Baum und jede Figur wird mit 8x8-Pixel-Rechtecken direkt auf einem Canvas gezeichnet. Das eliminiert Asset-Management und macht die Grafik vollständig dynamisch: Der Turm des Spielers wächst in Echtzeit basierend auf der Mitarbeiterzahl.
Game Engine in TypeScript
Die Game Loop verarbeitet jeden Simulationstag und berechnet Einnahmen, Ausgaben, aktive Effekte und KI-Konkurrenten-Aktionen. Wir verwenden Zustand mit 5 Slices (Game, Player, Competitor, Event, UI) für vorhersagbares und effizientes State Management.
Konkurrenten mit Persönlichkeit
Jeder der 6 KI-Konkurrenten hat eigene Gewichtungen für seine Entscheidungen: Aggressivität, Einstellungstendenz, Launch-Tendenz oder Marketing-Tendenz. Nebula Systems stellt aggressiv ein, Vortice Gaming setzt auf Produktlaunches, Pagina Azul konzentriert sich auf Marketing. Sie können den Spieler angreifen, Talente abwerben und sogar bankrottgehen.
Dynamische Events
Über 10 zufällige Events mit Aktivierungsbedingungen und Optionen mit realen Konsequenzen. Ein kritischer Bug kann Moral oder Geld kosten. Ein Angel-Investor bietet Kapital im Austausch gegen Verwässerung. Jedes Spiel ist anders.
Tech Stack
- React Native 0.86 + Expo 57 — Framework und Build-System
- @shopify/react-native-skia — Hochleistungs-2D-Rendering
- Zustand — Globaler State mit 5 spezialisierten Slices
- expo-sqlite — Spielpersistenz und Bestenliste
- i18next — Zweisprachig Spanisch/Englisch
- expo-haptics — Haptisches Feedback bei Aktionen und Events
- Strict TypeScript — Vollständige Typisierung der Game Engine
Ergebnis
Ein funktionsfähiges MVP mit 35 Tagen Simulation, 6 strategischen Aktionen, über 10 dynamischen Events und einem visuellen Fortschrittssystem (der Turm wächst von 1 auf 8 Stockwerke). Auto-Save, lokale Bestenliste und zweisprachige Unterstützung inklusive. Bereit für die Veröffentlichung im App Store und bei Google Play.
Wie wir arbeiten
Jedes Projekt folgt unserem handwerklichen Prozess, angepasst an die spezifischen Bedürfnisse jedes Kunden.
Discovery & Anforderungen
Tiefgehende Analyse von Geschäft, Nutzern und Zielen. Ideation-Workshops, Marktforschung und MVP-Umfangsdefinition.
Design & Architektur
Wireframes, interaktive Prototypen und technische Architektur. Kundenvalidierung vor dem Schreiben von Code.
Entwicklung & Testing
2-Wochen-Sprints mit Demos. CI/CD, Code-Review und kontinuierliches Testing. Feedback in jeder Iteration.
Auslieferung & Weiterentwicklung
Produktionsbereitstellung, Monitoring und Support. Post-Launch-Metriken und Roadmap für kontinuierliche Verbesserung.