Location based immersive experiences with Angular and WebXR

on YouTube ↗26m

" summary

A reusable Angular component library that wires Geolocation + WebXR into a real mobile web AR experience, using ThreeJS and WebGL for rendering, Firebase geofire for location queries, and the Polly model API to fetch 3D assets; runs on Chrome Canary or via urgent trials with flags enabled and uses WebXR hit tests to place and select models. The demo places dinosaurs tied to coordinates, debugs over remote devices, and works though browser support remains limited.

AI-written summary · about

" chapters (4)

1. 0:00Web XR and AR development
2. 20:53Angular component design
3. 23:13Geospatial data with Firebase
4. 23:41Debugging and future of Web XR

" related talks

• 23mPerformant Augmented Reality for the WebAyşegül Yönet · NG-BE 2017
• 23mBuilding Engaging Immersive ExperiencesChris Wilson, John Pallett · Chrome Dev Summit 2018
• 30mWebXR : augmented reality lands into our web browsersVincent Ogloblinsky · Devoxx Belgium 2019
• 33mWebXR? Native virtual and augmented reality in browsersErick Wendel · BrazilJS Conf 2024
• 30mAdding Augmented Reality to Your TypeScript AppChristoffer Noring, Ayşegül Yönet · TSConf 2020
• 32mWriting Virtual and Augmented Reality Apps with Web TechnologyMichaela Lehr · You Gotta Love Frontend Conference 2018
• 17mJS in the Virtual & Augmented Reality EcosystemAndres Cuervo · Node+JS Interactive 2019
• 17mCreating VR Experiences with Angular and WebGLAustin McDaniel · ng-conf 2017