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 JEase the OrbitControls target.

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

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

Comments