Bringing mixed reality to the web

on YouTube ↗56m

" summary

Shows concrete steps: imports a 3D OBJ+MTL into a WebGL scene using Three.js obj+mtl loaders, builds a declarative VR scene with A-Frame visual inspector and flips the same asset into marker‑based AR with AR.js marker tracking. All examples are on GitHub and run on phones but exhibit laggy tracking and canvas‑performance limits; cites market forecasts (2016 $6.1B → 2018 $27B → 2022 $209.2B) and notes WebXR is nascent so expect API churn.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 2:40Skills and Tools
3. 8:38Webgl Renderer
4. 11:423d Viewer for Visual Studio Code
5. 20:33Performance
6. 23:47Visual Inspector
7. 39:09Importing 3d Models
8. 52:15Final Project Ideas

" related talks

• 33mWebXR: Introducing Mixed Reality and the Immersive WebPeter O'Shaughnessy · Codemotion Rome 2018
• 30mThe future of Virtual and Augmented Reality for the webJordan Santell · ColdFront 2017
• 23mPerformant Augmented Reality for the WebAyşegül Yönet · NG-BE 2017
• 32mWriting Virtual and Augmented Reality Apps with Web TechnologyMichaela Lehr · You Gotta Love Frontend Conference 2018
• 47mAugmented Reality on the WebAlina Karpelceva · Build Stuff 2019
• 33mWebXR? Native virtual and augmented reality in browsersErick Wendel · BrazilJS Conf 2024
• 37mMixed Realities for WebCarsten Sandtner · Codemotion Amsterdam 2018
• 26mHow To Do Augmented Reality On The Web — The AR.js Open-Source ProjectJerome Etienne · JSConf.Asia 2018