Moving Web applications into Virtual Reality

on YouTube ↗37m

" summary

Claim: web UIs can become first-class VR content by rendering DOM/CSS as GPU textures instead of flat iframes. Demonstrations use WebGL shaders for lens distortion and chromatic aberration, a wrapper called HTMLGL v2 that is roughly ten times faster, and stress tests like 25,000 animated GIFs hitting about 45 FPS. Built demos include a 3D carousel, reflected HTML surfaces and a ported calculator; approach works but requires shader-driven rendering for optical corrections and high performance.

AI-written summary · about

" chapters (21)

1. 0:00VR web app migration intro
2. 1:56Why move web apps to VR
3. 4:11Flat web apps in VR challenges
4. 5:15How VR works technically
5. 7:35CSS/HTML in VR environments
6. 9:47CSS 3D/iframes limits for VR
7. 11:37WebVR API benefits
8. 13:46JS optimization lessons
9. 16:41GPU rendering power
10. 18:29Why WebGL is hard
11. 19:44HTML GL for WebGL rendering
12. 22:44HTML GL evolution in VR
13. 23:46Live demo HTML GL v2
14. 25:48Advanced HTML GL effects
15. 27:15HTML in 3D worlds
16. 28:41HTML GL to textures
17. 29:45VR subdomains & enhancement
18. 30:59A-Frame for VR scenes
19. 32:07React VR & alternatives
20. 33:47A-Frame & React VR code
21. 34:53Q&A on VR gear & interactions

" related talks

• 44mPorting an Existing Web App to Virtual RealityDenis Radin · РИТ++ 2017
• 45mThe visual web of today and tomorrow - WebGL and WebVR.Martin Naumann · The Rolling Scopes Conference 2015
• 49mPorting an Existing Web Application to Virtual RealityDenis Radin · HolyJS 2017 Piter
• 36mJavaScript for Virtual RealityLiv Erickson · JSConf Budapest 2015
• 01h 08mThe quest for the graphical webVincent Hardy · Meta Refresh 2013
• 36mImmersion in the Browser - Building the VR WebLiv Erickson · ColdFront16
• 53mVirtual reality for web developersAlex Mackey · NDC Sydney 2017
• 42mCreating virtual worlds in the browserAnton Nemtsev · JavaScript fwdays'18