Creating VR Experiences with Angular and WebGL
summary
Explains how to map Angular components to WebGL meshes by overriding the DOM renderer and creating a canvas-backed scene so components produce threejs objects instead of HTML elements. Uses three.js and A-frame style markup, adds a built-in VR effect to duplicate cameras, and relies on polyfills for poses and chromeless views. Ships a live 50 spheres demo that runs but shows visible slowdown near ~100 objects and severe drop by ~300. Animations run outside Angular zone to avoid change detection. GitHub demo and slides are available and the demo works in Cardboard via a Chrome extension.
AI-written summary · about
chapters (8)
- 0:00Start
- 0:17About ME... Austin McDaniel
- 1:21Virtual Reality is the next evolution...
- 2:21Evolving for VR...
- 3:09Same Problems, different story
- 6:44Override DOM Renderer
- 7:46Angular WebGL Markup
- 8:22Under the hood...
