React Examples
Interactive scenes built with @hello-terrain/react
FBM Terrain
This scene shows the basic useTerrain() plus Terrain flow:
- create a terrain handle with
useTerrain() - pass it into
Terrain - render the surface with a node material using
positionNode
Character Controller
This scene shows the shared-handle pattern:
- create one terrain handle
- wrap siblings in
TerrainProvider - let the character controller and camera read
terrain.runtime - use
terrain.readyto gate terrain-dependent behavior
Character Controller
state: booting
grounded: no
pointer lock: click canvas
speed: 0.00
position: 0.0, 0.0, 0.0
WASD move, Shift sprint, Space jump
Fullscreen + wheel zooms camera
Related Guides
- Read Getting Started for the minimal setup.
- Read useTerrain for the handle lifecycle and options.
- Read Context and Runtime for the provider and runtime patterns.