[convert to quicktime]

thanks guys, that helps will give it a shot this week.

[convert to quicktime]

btw it's a 7 second animation that should be used as a TV ad...

[convert to quicktime]

does anyone know of a way to convert a gsap js animation to quicktime .mov format, other than recording a screencast? if not, can a screencast produce decent quality, any hints? thanks in advance

[Animation not smooth in Safari]

Thanks again guys, both tips helped a lot. It's funny, Safari is now even smoother than Firefox. GSAP rocks!

[Animation not smooth in Safari]

Thanks a lot Jack, will switch to animating transforms too!

[Animation not smooth in Safari]

Thanks a lot for your quick reply and warm welcome, Rodrigo!

 

I have removed the lines referring to "clink" and added force3D:true to the beer glasses. The latter helps a lot, it looks much smoother in Safari now!

 

You can see the animation well in full screen mode: 

See the Pen DHBrg by peterhadorn (@peterhadorn) on CodePen

. I will try optimizing the PNGs next.

[Animation not smooth in Safari]

See the Pen DHBrg by peterhadorn (@peterhadorn) on CodePen

 

We have to use linear easing for the animation of the beer glasses. It runs more or less smooth in IE and Chrome, but it's very choppy in Safari, both on Windows and iOs. Do you have any suggestions on how we can improve this and make it smoother? Thanks a lot