.jpg)
Sign up for a plan to instantly unlock all premium lessons.
Premium Features
Click and Drag Functionality
It's no doubt, a bit hard to hover over and view our country data while the globe (and everything attached to it) is spinning merrily along. A good solution to this: stop the automatic spinning, and implement a click and drag functionality.
Here we'll cover the theory behind creating a click and drag function, then implement it using a few new event listeners, something called delta, and a GSAP animation function.
Comments
Want to participate?
Create a free Chris Courses account to begin
Everthing worked so for, but this "duration" setting had no effect. And btw, you can also do gsap.set(group.rotation, group.rotation.offset)
we could apply OrbitControls and it would work just fine.
npm install three-orbitcontrols
import OrbitControls from "three-orbitcontrols"; const controls = new OrbitControls(camera, renderer.domElement); controls.enableDamping = true; controls.dampingFactor = 0.05; controls.enableZoom = true;