Navigate

Search topics across all sections

GitHub

Canvas & Setup

3 topics

Learn how to set up a React Three Fiber scene, understand the Canvas component, and explore how JSX maps to Three.js objects in the scene graph.

Canvas Component
The root component that creates a WebGL context and sets up the Three.js renderer, scene, and camera.
JSX to Three.js
How R3F maps JSX elements to Three.js objects and the declarative approach to 3D scenes.
Scene Graph
Understanding the Three.js scene graph structure and how R3F manages parent-child relationships.