Total Annihilation Web Remake

This is a working prototype toward recreating the Total Annihilation experience in the browser, with 100x100 tile maps procedurally generated using seeded randomness, 3D terrain rendering, and live unit movement. The project prioritizes performance-conscious architecture: a single-commit foundation focused on getting the core gameplay loop runnable quickly rather than pursuing a large polished codebase.

The engine uses react-three-fiber to drive Three.js rendering tied to React state. The map is generated with seedrandom for reproducible terrain, each tile type (grass, metal, etc.) colorized and positioned with per-vertex height variation. Units are cubes with automatic pathfinding: selected groups respond to movement commands via right-click target points or curved stroke-drawn routes, spreading automatically to avoid overlap.

Notable technical choices include instanced rendering for tile performance, raycasted mouse input for reliable 3D hit detection, and a throttled update loop for drawing paths. The selection system projects 3D unit positions into 2D screen space to perform drag-box selections, accounting for canvas offset and viewport transforms. This is a deliberate prototype, not a polished game: it validates that large unit counts and real-time 3D rendering are feasible in a modern browser.