Skip to content



This example shows several ways of changing the cameras position and where it is facing.

It uses the OrbitControls which can zoom, pan, and look around.

We can also double-click the model, and that will tween the OrbitControls target.

And we can also create some buttons in Leva that will tween the cameras position and target over time.

Working Example

Leva Version


HTML Button Version


GitHub Branch

git clone
cd React-Three-Fiber-Boilerplate
git checkout camera
npm install
npm start