Build Virtual Reality with React

on YouTube ↗08m

" summary

Shows how to build a working VR scene in the browser using react 360 CLI via npm, with a default project that starts with npm start and serves to phone, desktop or headset via a QR code. Explains folder layout for static assets, uses surfaces (cylinder and flat surfaces with width/height) and locations in Cartesian X Y Z, adds 3D models via entity + asset model (.obj and material), uses ambient light, and boots a live demo that runs in the browser.

AI-written summary · about

" chapters (10)

1. 0:00Intro
2. 0:54What is React
3. 1:27What is React 360
4. 1:50Folder structure
5. 2:21Components
6. 2:42Surfaces
7. 3:15Locations
8. 3:43Access
9. 4:02Adding 3D Object
10. 5:20Demo

" related talks

• 22mIntroduction to ReactVR - because 2D is not good enough!Tomasz Łakomy · ReactJS Day 2017
• 31mIntroduction to ReactVRNik Graf · React Amsterdam 2017
• 14mTaelur Alexis - React 360: Creating 3D User Experiences with ReactTaelur Alexis · React Loop 2019
• 29mJourney Through VR and AR with ReactTomasz Łakomy · You Gotta Love Frontend Conference 2018
• 28mJourney through VR and AR with ReactTomasz Łakomy · The Rolling Scopes Conference 2018
• 34mReactVRShay Keinan · React Finland 2018
• 33mReact360 - 2D to 3DShay Keinan · ReactiveConf 2018
• 29mJourney through VR and AR with ReactTomasz Łakomy · React Alicante 2018