Interactive 3D Architecture UI
October 22, 2019
An early UI experiment that integrates interactive WebGL visualizations within a single-page application developed with Ember.js and xeogl. The application features a persistent 3D architectural model rendered in the background, with the camera state determined by the active route.
Navigation events trigger smooth animated transitions between predefined camera perspectives, while contextual information is presented as an overlay on top of the visualization. This project explores navigation-driven state management, camera animation and immersive UI techniques in an Ember.js application.
Live Demo (opens in new tab)