rotate and reverse circle on a loop

[mbrod90]

 

hello,

 

I am very new at tweenmax. I made my wheel spin. But I would like my wheel to spin 360 degrees left and after, spin 360 degrees right. and have a yoyo effect where it goes left right left right. 

 

var ferris = document.getElementById("ferris-wheel");

  TweenMax.to(ferris, 1, { rotation:360, ease:Linear.easeNone } ); 

  TweenMax.to(ferris, 20, { rotation:-360, ease:Linear.easeNone } ); 

 

how do i do this?

[Jonathan]

Hello mbrod90, and Welcome to the GreenSock Forum

 

You are just in luck .. Here is awesome ferris wheel example using GSAP by GreenSock.

 

GreenSock ferris wheel example:

See the Pen wBbKs by GreenSock (@GreenSock) on CodePen

 

And here is an example that rotates a circle back and forth usng yoyo:true

 

Rotating circle using yoyo:

See the Pen GsDqn by jonathan (@jonathan) on CodePen

 

Does this help? .. If not, could you please setup a codepen example, or just fork my 2nd example above in codepen and modify it to your needs.

 

Here is a nice video tut by GreenSock on How to create a codepen example demo?

 

This way we can better help you by seeing code we can edit.

 

Thanks:)