This interaction showcases a fluid transition between a high-level canvas map and a detailed single-item view. Users can pan and scroll through an infinite-feeling isometric grid of hexagonal rooms. Tapping a room triggers a smooth zoom-in transition: the selected room scales up and centers, while the surrounding grid fades and scales out of view. Simultaneously, contextual UI elements (like the room title, creator, and action buttons) slide and fade into place with a subtle stagger. Tapping the close button reverses this animation, shrinking the room back into its precise slot in the grid with perfect spatial continuity.

Category