Fisheye

Working Example

<>

Description

Switching between fisheye and panorama perspectives.

This example has two buttons that set the camera field of view (FOV) and position.

The FOV and position are JEased.

This example also show usage of Zustand to share and change the FOV and position accessible by both the HTML buttons and the React Three Fiber canvas.

Also, fisheye might sometimes be referenced as "tiny world" or "little world".

GitHub Branch

git clone https://github.com/Sean-Bradley/React-Three-Fiber-Boilerplate.git
cd React-Three-Fiber-Boilerplate
git checkout fisheye
npm install
npm start

Comments