A cool way I found to use timelineMAX on one object

[dneckles]

Just a quick comment

I was just looking at codepens that animate svgs

and I found C. Gannon's code in the codepen attached.

 

At around lines 47-97.. he created a NEAR PERFECT BOunce movement of the bottle in the water..

( I get excited by the little things)

 

I tried doing it using just regular tweenmax but it didn't work, for me, maybe it could be done though

It ever occurred to me do a tween where he animates 3 different properties separately then combines them on one object using timelinemax/lite and starting the timing at 0 

 

mainTimeline.add(bottleRotation, 0)
mainTimeline.add(bottleBob, 0)
mainTimeline.add(bottleDrift, 0)

Anyway its techniques like that arent in the gsap books that are super useful to see how others use it. As I find Ill share more.  Shane Mielke's US Open code..I'm looking at you

 

 

 

 

Take care

See the Pen NqaqPR by chrisgannon (@chrisgannon) on CodePen