React360 - 2D to 3D
summary
Installs React360 CLI and runs a hello-world that renders a panoramic starfield at 60 fps, loads models via the entity component (supports .obj and glTF), and builds a solar-system demo with a clickable VR menu, bouncing springs and rotating planets. Shows asset layout, image dimensions in meters, and that React360 covers UI but lacks advanced materials and lights — recommends a split UI + Three.js approach to get full loaders, shaders, physics and per-vertex manipulation.
AI-written summary · about
chapters (29)
- 0:00Start
- 0:53Virtual Reality
- 2:44Pygmalions Spectacles
- 4:03Oculus Go
- 5:10What Is Virtual Reality
- 5:53Interpupillary Distance
- 6:47Stereoscopic Imaging
- 7:30React 360
- 8:27The 3gs Rendering Engine
- 12:31Coordinate System
- 15:56Flexbox Layout
- 16:31Menu
- 17:32Vr Button
- 18:14Loading Models
- 20:16Rotate a Planet
- 20:48To Use the Animated Library for Animations
- 21:06Spring Effect
- 21:35Final Application
- 23:02Split the Ui from the 3d Content
- 23:19Initialize a Basic Three Js Scene
- 24:45Geometry
- 25:07Simulate Physics
- 27:24Do You Think Ai Has a Stronger Future versus Vr
- 27:57Does React 360 on React Native Work with Google Cardboard
- 28:20How Does the 3gs Webgl Implementation Perform on Mobile Comparing to Native Opengl Es Solution
- 29:00Is It Possible To Use Ui Libraries like Semantic Ui or Material Ui with React 360 or Is It We Support 3d Materials
- 30:37What Is a Texture Image Look like
- 31:15Is It Possible To Change the Fov
- 31:27Is It Now Possible To Write Vr Games and React Native Together with React 360
related talks
14mTaelur Alexis - React 360: Creating 3D User Experiences with React
34mReactVR
31mIntroduction to ReactVR
08mBuild Virtual Reality with React
22mIntroduction to ReactVR - because 2D is not good enough!
24mGoodbye Flatland! An introduction to ReactVR and what it means for web developers
37mCreating 3D Experiences with React
32mReact A Romance of Many Dimensions