PureBattles combines historical research, product architecture, and real-time 3D technology to make complex battlefield events easier to explore and understand.
Historical battle narratives have traditionally been trapped in static maps and dry text. Translating large-scale tactical movements into real-time interactive 3D browser simulations required balancing deep historical accuracy with consistent 60 FPS performance across consumer devices without requiring specialized hardware or native plugins.
Deliberate technical choices evaluated against operational realities, performance budgets, and long-term maintainability.
Standard React reconciliation is too costly for high-frequency updates (60+ FPS) when updating hundreds of troop markers, camera trajectories, and formation vectors.
Required manual lifecycle hooks and refs between React UI controls and Three.js object pools instead of pure declarative JSX.
InstancedMesh allows rendering thousands of historical soldier units and banners in a single GPU draw call, drastically reducing CPU overhead.
Transform matrix calculations for individual unit rotations and animations must be packed into buffer attributes.
Eliminated client-server API version drift and reduced network hops, allowing instant page transitions with full server-side authorization.
Tightly couples backend routing with frontend views, making standalone native app compilation less straightforward.
Observable metrics and verified deliverables achieved in production.
I work on complex SaaS platforms, interactive systems, and high-performance web experiences.