Skip to content

Camera

Description

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 https://github.com/Sean-Bradley/React-Three-Fiber-Boilerplate.git
cd React-Three-Fiber-Boilerplate
git checkout camera
npm install
npm start