Spinning propeller

[ianben]

I need to create a spinning propellor that starts slowly and then speeds up to continually run.

 

 

Could someone point me in the right direction to begin this please?

[Jonathan]

Hello @ianben and Welcome to the GreenSock Forum!

 

To start with you should get familiar with the various types of easing using our Easing Visualizer which even supports custom eases.

 

https://greensock.com/ease-visualizer

 

Once familiar with the easing you can understand how to make it so it,"starts slowly and then speeds up to continually run".

 

That would be the first thing i would look at if i were you.

 

Happy Tweening

 

 

 

 

 

 

[ianben]

Thank you Jonathon - could I ask how do keep a rotation spinning? I can't find any answers to creating a continually spinning object!

[mikel]

Hi ianben,

 

Searching of "variable speed" in the forum I found this tricky code snipped of Rodrigo.

Topic:  https://greensock.com/forums/topic/9107-variable-speed/

"You could use timeScale() to get that speed modification."

 

Here in action:

 

See the Pen qjpexe by mikeK (@mikeK) on CodePen

 

Happy tweening ...

[Jonathan]

@ianben

 

You can get a continually spinning object by adding the special property repeat: -1 to your TweenMax tween or TimelineMax constructor.

• repeat: Number - Number of times that the animation should repeat after its first iteration. For example, if repeat is 1, the animation will play a total of twice (the initial play plus 1 repeat). To repeat indefinitely, use -1. repeat should always be an integer.

Once i add the special property repeat:-1 you will see how it rotates around forever in an infinite loop

 

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

 

Happy Tweening

 

Resources:

TweenMax : https://greensock.com/docs/TweenMax

TimelineMax : https://greensock.com/docs/TimelineMax

 

[ianben]

Great, thank you once again. The support you guys provide is so good and so prompt!

I am both enjoying learning Greensock and JavaScript. So much better than returning to the Animate CC environment!

[Carl]

Excellent solution, Manfred. Adjusting timeScale() is a great way to increase speed over time.

 

ianben, if you want the spin to start slow and speed up and then maintain a constant speed, you can do so by tweening the timeScale() of a tween that repeats infinitely.

 

In the pen below the play button will tween the timeScale() of the tween from 0 to 1 (speed up) and the tween will continue playing and repeating at a timeScale() of 1.

 

See the Pen YQeqGZ?editors=1010 by GreenSock (@GreenSock) on CodePen

 

[ianben]

You guys are spoiling me now!!

 

Thank you for all the help - I really, really didn't want to go back to Flash!!

[rgfx]

 

Without GSAP

See the Pen dRdPoE by mburakerman (@mburakerman) on CodePen