Three JS, Motion Path Plugin and time scale

[samuelbelolo]

Hello everyone, 

 

Let explain my problem, I am currently moving an object a long a x,y,z axis (in threejs).

I want to have complex trajectory, like a looping : i tried to use the motion path plugin in order to do interpolation across multiple point. 

 

So far so good, but i need to use the bezier type in order to make it as a real looping (not a cubic one :) ) but bezier type seems supporting only x and y axis. 

 

The other main problem is to slow down the moving element on mouse hover, i think using the timeScale function on hover will do the job perfectly. 

 

Do you have any hints ? 

 

Thanks a lot

 

[ZachSaucier]

Hey Samuel and welcome to the GreenSock forums!

 

We've actually gotten this request a few times now. Most recently in this thread:

We're a little busy right now trying to release a new scroll plugin for GSAP, but @GreenSock is working on some sort of solution for this. You might want to click the "Follow" button on the above thread so that you get notifications of future posts.

 

11 minutes ago, samuelbelolo said:

The other main problem is to slow down the moving element on mouse hover, i think using the timeScale function on hover will do the job perfectly. 

Do you have any hints ?

Yep, that sounds right. Something like the following should work:

gsap.to(myTweenOrTimeline, {timeScale: 0.2});

 

[Karliky]

Samuel you can use Gsap 2 for now if you are in a rush. Just check out the example of the thread linked above.

[samuelbelolo]

Thanks guys !