Adding Augmented Reality to Your TypeScript App

on YouTube ↗30m

" summary

TypeScript code running on babylon.js demonstrates a browser AR pipeline: a dinosaur garden app that loads meshes and textures, supports selecting, scaling and creating objects, and the immersive-ar button launches on a Pixel 4 via remote debugging. Architecture uses serverless functions + CDN + database for content. WebXR features include lighting estimation, hand/eye tracking work in progress and spatial anchors backed by Azure object anchors, while computer vision and optical character recognition run through Azure Cognitive Services.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 0:25Building apps for Museum experiences
3. 13:57Dinosaur garden architecture
4. 18:35WebXR Scene - Default Experience Helper
5. 20:04WebXR Scene - Basic Experience Helper
6. 20:59WebXR Scene - Features Manager

" related talks

• 47mAugmented Reality on the WebAlina Karpelceva · Build Stuff 2019
• 26mHow To Do Augmented Reality On The Web — The AR.js Open-Source ProjectJerome Etienne · JSConf.Asia 2018
• 32mWriting Virtual and Augmented Reality Apps with Web TechnologyMichaela Lehr · You Gotta Love Frontend Conference 2018
• 26mLocation based immersive experiences with Angular and WebXRAyşegül Yönet · Angular Connect 2018
• 26mExploring Augmented Reality on the WebJordan Santell · JSConf EU 2018
• 30mThe future of Virtual and Augmented Reality for the webJordan Santell · ColdFront 2017
• 56mBringing mixed reality to the webMarko Letic · HolyJS 2018 Moscow
• 17mJS in the Virtual & Augmented Reality EcosystemAndres Cuervo · Node+JS Interactive 2019