facebookarchive/react-360Archived
React 360
React 360 is a framework for building immersive virtual reality experiences that run in a web browser using a declarative React component model. It functions as a browser-based VR platform and a WebGL VR renderer, enabling developers to create 360-degree panoramic and stereoscopic content without requiring native code installation.
The framework provides a declarative VR component library that describes VR scenes as nested React components, with props mapping to 3D objects, lights, and camera positions. It handles user input from VR controllers, gaze tracking, and mouse events through a unified event dispatch layer, while abstracting VR hardware differences through the WebVR API for cross-device head tracking and stereoscopic rendering.
Under the hood, React 360 maintains a runtime scene graph that updates 3D object positions and properties in response to state changes, and renders content through WebGL shaders and GPU-accelerated graphics. The framework includes an asset loading pipeline for asynchronous loading of 360-degree textures, 3D models, and audio assets with progress tracking and caching. Its React Native bridge architecture serialises component trees into JSON commands sent to a host runtime that manages the actual view hierarchy.
The project's documentation covers installation, component API references, and guides for building and deploying VR experiences across multiple hardware platforms.
