Keren Kenzi @ ReactNext '23 | Hello (Virtual) World
summary
Live demo shows a browser VR game built with A-Frame + WebXR + DOM API, no headset required; HTML header script plus asset management preloads glTF models from Sketchfab. The demo spawns and positions entities, uses event listeners to increment a visible score, and renders a Mario-style pipe and preloaded glTF assets. Live coding struggles occur but core features work: a camera-anchored HUD, three coins collected and click handlers that update the score.
AI-written summary · about
chapters (10)
- 0:00Welcome to virtual reality with A-frame
- 0:43Setup A-frame in browser
- 1:48Add entities and components
- 3:12Primitives and inspect elements
- 4:16Community components for environments
- 5:20Camera and cursor for interaction
- 6:01Persistent UI elements like score
- 7:04Load 3D models with assets
- 9:09Build game with JavaScript and DOM
- 14:32Event listeners and coin collection
related talks
42mCreating virtual worlds in the browser
29mWeb based Virtual Reality
34mVirtual Reality with A-Frame
53mVirtual reality for web developers
43mWebXR, if X = how?
33mWebXR? Native virtual and augmented reality in browsers
32mWriting Virtual and Augmented Reality Apps with Web Technology
01h 15mDeveloper Roadshow