Building Leyborn Idle: Zone Drawers and Interaction Flow


What We Did

Zone drawers are now fully functional. Smooth, layered panels that slide up to reveal more details without losing context.
Each drawer layer (Details → Combat → Results) reuses a shared animation base for consistent motion and spacing.

The Zone Detail Drawer shows monsters, loot, and zone-specific stats.
From there, players can enter combat directly, transitioning seamlessly into the Combat Drawer.

Why It Matters

  • UI consistency: All drawers follow the same slide, easing, and spacing logic.
  • Layered navigation: You can dive deeper into a zone without switching views.
  • Clean hierarchy: The drawer stack keeps the world map visible beneath active panels.
  • Reusability: DrawerBase standardizes every future expandable panel in the UI framework.

Next Steps

Next we’ll look at how the Combat Runtime and Tick System drives the battles themselves.