MERGE
TRUCK
High-Performance 2D Puzzle Engine
Das Konzept
Entwicklung eines voll ausgestatteten Mobile-Puzzle-Games mit komplexer In-Game-Economy und High-Performance-UI. Der Fokus lag auf "Game Juice": flüssigem Gameplay durch eine hardwarebeschleunigte 2D-Grid-Engine und immersivem Feedback durch haptische native Integrationen in React Native und Expo.
Core Engine & Architektur
01High-Performance Renderer
Aufbau einer responsiven 2D-Grid-Engine mit React Native Gesture Handler und Reanimated 3. Dies ermöglicht flüssige 60-FPS Drag \& Drop Interaktionen, bei denen sich die Zellen-Größe (CELL_SIZE) dynamisch an das Fenster anpasst—für perfekte Darstellung auf Smartphones und Tablets.
02Rekursive Merge Logik
Die Kernmechanik vergleicht beim Drag-Release die familyId und das aktuelle Level der Items. Stimmen sie überein und liegt das Level unter dem Maximum (Max 11), evolvieren sie zum nächsten Tier; andernfalls swappen sie flüssig ihre Positionen im Grid.
03Scalable State Management
Eine komplexe globale State-Architektur in Zustand verwaltet Meta-Systeme synchron. Highlights umfassen dynamisch trackbare Inventory-Queues, Pending-Actions für spezielle Items ("Joker" \& "Scissor") und einen ausfallsicheren In-Game Shop/Economy-Hub.
04Time-Based Algorithmen
Das Energie-System nutzt einen Catch-Up Algorithmus: Beim App-Start werden verpasste Iterationen basierend auf lastEnergyUpdate kalkuliert und korrekt (capped at maxEnergy) gutgeschrieben, komplett abgesichert durch unit tests (Jest).
Technical Polish "The How-To"
- Procedural Content Generation
Implementierung eines Order-Systems, das balancierte Kunden-Requests via Custom Drop Tables und Weighted-Probability basierend aufs Player-Level generiert.
- Hardware Haptics \& FX
Erhöhung der Immersion durch gezielte "Flash and Pop" Screen-Effects und native Expo Haptics für kritische Feedback-Loops wie Merges oder Level-Ups.
- Meta-Game Progression
Gestaltung eines modularen Renovation-Systems und 20+ freischaltbarer Stages, komplex verwaltet durch React Navigation Stack \& Tab Hierarchien.
- Material 3 Theming Engine
Verzicht auf Hardcoded Colors zugunsten einer dynamischen Theme-Registry auf Basis von Material Design 3 Tokens (Surface, onSurface) für müheloses Branding.