4b How to set properties of Orbit Controls three.js

Опубликовано: 16 Октябрь 2024
на канале: flanniganable
2,226
like

Learn how to change some property values of the OrbitControls in three.js. Learn how to enable/disable the orbit controls.
Learn how to set a camera target for the orbit controls.
Learn how to set the min and max zoom distance for orbit controls.
Learn how to enable damping and set a damping factor for orbit controls. Learn how to autorotate and set rotate speed for orbit controls.
Learn how to set zoom speed for orbit controls.
Learn how to get the distance from the camera to the camera target for orbit controls.

Timestamps:
00:00 Intro/demo
00:17 How to enable/disable orbit controls three.js
00:30 How to set a camera target for orbit controls in three.js
00:54 How to set the min and max zoom distance for orbit controls three.js
01:18 How to enable damping and set damping factor for orbit controls three.js
01:51 How to autorotate camera around object and set rotate speed orbit controls three.js
02:23 How to control zoom speed orbit controls three.js
02:42 How to get the distance between camera and target orbit controls three.js

Resources:
three.js OrbitControls: https://threejs.org/docs/#examples/en...

Credits:
Skybox - Jockum Skoglund @ https://opengameart.org/content/storm...