Help support this project by starring the repo on GitHub!

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.ready to 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