Overworld Freight
Logistics on a living map: routes, cargo and consequences.
- Year
- 2025
- Status
- Prototype
- Role
- Design, code, UI systems
- Stack
- React, TypeScript, Tile maps, State machines
Overview
A freight simulation built on a tiled overworld. Much of the work went into a dense, keyboard-friendly panel system and into keeping views independent from orchestration and rules.
The panel system
Docked and resizable panels share a shell, a header grammar and slot-based content. The useful result is not a copy of the entire application, but the contracts, tokens and compositions that can be adopted independently.
A reference, not a mandate
Overworld Freight exposes many compositions under an internal component gallery. That is excellent for this project, but the portfolio records preview support as optional. A consumer can adopt the panel contracts without implementing the same /info/components route.
Highlights
- —Reusable docked panel and HUD grammar
- —View, container, logic and mock separation
- —Tile-based route simulation