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.
Features
- VR Experience Creation - Builds immersive virtual reality applications that run in a web browser using a declarative component model.
- Virtual Reality Frameworks - Provides a framework for building immersive 360-degree and VR experiences that run in a web browser using declarative React components.
- WebGL Rendering Pipelines - Renders 3D scenes and 360-degree content directly in the browser using WebGL shaders and GPU-accelerated graphics.
- VR Renderers - Outputs VR content through WebGL and WebVR APIs for cross-device compatibility.
- VR Asset Loaders - Provides asynchronous loading of 360-degree textures, 3D models, and audio assets with progress tracking and caching.
- Scene Graphs - Maintains a hierarchical tree of 3D objects in memory, updating positions and properties in response to state changes.
- VR Hardware Compatibility - Renders VR content through WebGL and WebVR APIs so experiences work on multiple hardware platforms without native code.
- VR Platforms - Enables virtual reality applications to run directly in web browsers without native code installation.
- VR Component Libraries - Provides a library of reusable React components for constructing 360-degree and virtual reality user interfaces.
- Declarative UI Components - Describes VR scenes as nested React components with props mapping to 3D objects, lights, and camera positions.
- Input Event Dispatchers - Handles user input from VR controllers, gaze tracking, and mouse events through a unified event dispatch layer.
- Cross-Platform Rendering - Renders VR content through WebGL and WebVR APIs so experiences work on multiple hardware platforms without native code.
- VR Development - Develops virtual reality applications using React's component model and declarative programming approach.
- WebVR Applications - Creates virtual reality applications that run directly in web browsers without requiring native app installation.
- Authoring Tools - Creates and composes 360-degree panoramic and stereoscopic content for VR experiences.
- VR Device Abstraction Layers - Abstracts VR hardware differences through the WebVR API, enabling cross-device head tracking and stereoscopic rendering.
- Bridge Architectures - Serialises React component trees into JSON commands sent over a native bridge to a host runtime managing the view hierarchy.
