VR With JavaScript

on YouTube ↗48m

" summary

Shows concrete steps and working demos: uses three.js plus the experimental WebVR API with VRControls and VREffect, plus a Chrome extension emulator to test without hardware. Builds include a cardboard 360-video rollercoaster, two‑eye rendering, controller-driven box spawning with physics, marching‑cubes sculpting and tubular/triangulated brush tools. Notes real problems and fixes: deviceorientation low frame rates, hacks to keep phones awake, browser support gaps and performance limits that force simpler meshes and replay recording for debugging.

AI-written summary · about

" chapters (13)

1. 0:00Introduction to Web VR
2. 1:22Early VR History & Challenges
3. 7:28Mozilla & WebVR API
4. 10:57Introduction to Three.js
5. 14:31The Oculus Rift Experience
6. 17:29Emulating VR in Chrome
7. 20:42Basic Three.js Coding
8. 23:48Integrating VR Controls
9. 25:57Editor Tools and Publishing
10. 29:11Developing VR Sculpting
11. 32:45Advanced VR Painting
12. 36:04Optimizing Workflows
13. 44:54Debugging Tools

" related talks

• 36mJavaScript for Virtual RealityLiv Erickson · JSConf Budapest 2015
• 50mWebVR is the next frontierMartin Splitt · HolyJS 2016
• 53mVirtual reality for web developersAlex Mackey · NDC Sydney 2017
• 25mCreating VR (and AR) on the web. Take 2.Ricardo Cabello · Nordic.js 2019
• 33mWebVR with three.jsMarcel Bankmann, Ulf Biallas · code.talks 2019
• 36mImmersion in the Browser - Building the VR WebLiv Erickson · ColdFront16
• 45mThe visual web of today and tomorrow - WebGL and WebVR.Martin Naumann · The Rolling Scopes Conference 2015
• 40mThe Road To WebVRJaume Sanchez Elias · Full Stack Fest 2015