mintervals

Hello, I would like to use the SplitText plugin for a banner we are working on. I know it's a benefit of Club Greensock, but is there a CDN link for it? Are there CDN links for the other plugins as well? Hosting and file sizes have been a major obstacle with the transition to HTML5. Is there somewhere on this site where each plugin's file size is listed? Thanks!

Following this with interest. Is this for animation from AE to Greensock/HTML? If this is possible then is it possible to use Greensock to AE? I was just working in AE the other day timeline animating thinking "it would be so much easier if I could just type greensock script and have it animate like JS/FLASH.

Your example reminded me of this. Maybe there's some useful code in it you can use http://www.mcdonalds.co.uk/ukhome/promotions/favourites.html

Thanks for the great discussion. For my project and the future I've now found out why NOT to use x: and y: I have jQuery click functions on div's etc and if they've been moved around with x: and y: the click functions cease to work on older devices and possibly older browsers. I'm assuming the click listeners are not moving with the transforms. My navigation and menu etc doesn't work on ipad1 but does work on newer tablets and phones.

Quick question, I think I've read that animating using x: and y: gives better performance then top: left: etc. because it is using the transform property. Is this true? Are there any caveats to this method? Thanks!

Nevermind didn't realize this was an old post.

Cool thanks a lot , I'll keep working at it! I got good old masking down with a hard edge, but this opens up some more possibilities for the soft fade wipe effect.

Hi there, I think I may have finally gotten alpha mask animation working with svg.js. I was wondering if there is anyway I can plug this into GSAP to get better control of the animations / elements. Also is there something in the works to have GSAP do this? This is the one feature from Flash I miss the most. http://codepen.io/sju/pen/FEDqf

Thanks for pointing me in the right direction. Definitely an iOs thing and not a browser thing. I'm going to scrap the scroll for mobile and ipad- I will add labels to the timeline and add some small nav buttons with tl.tweenTo("label1"). Seems to work great, thanks!

Hi I'm having some issues with iPads and iPhones on this specific animation I am working on. It works great on all desktop browsers as well as Android devices and their available browsers. My problem is when I try on an iOs device. I thought it might have something to do with Request Animation Frame and have updated to 1.9.5. Here is a codepen link. You might have to download the .zip to test for touch input. Really odd that it works so well on non-iOs with finger 'scrolling'. Let me know if there is anything you can think of, I really appreciate it! http://codepen.io/sju/pen/GyJkB

Thanks again, for the continued discussion. Having the properties of TimeLineMax for image sequences is really great. For further clarification of my project - I have an array of .png images and there's a push button. When you push the button it flips though them really fast like a game show and stops on one image. Ideally it would slow down and stop. Then if you click again it removes that last item it landed on from the array and continues forward until the array is exhausted. I wanted to use TimeLineMax for the speed, and other properties like reverse, repeat, timescale etc. I'm going to try an implement the above code, thanks so much!

This is great stuff, keep up the great work Rodrigo. Thanks!

Hi, I want to achieve an image cycle similar to a movieclip in flash or .gif, where each frame holds a image. Each 'frame' has it's own image and that's it. I was able to take the existing jsFiddle and modify to a simple cycle loop. This works great until you try and use a image with transparency (you see that all the images are just fading on each other). http://jsfiddle.net/w8MnU/24/ I know this is so simple I just can't wrap my head around it- The idea is to have no 'transition' just on/off on .pngs with transparency with the abilities of timelineMax.... Thanks!

Ok cool, good to know- So your process in the example was to lay the "bezier path" image and then overlay the animation on top to make it line up?

Hi, I was curious if there is a way to render out the bezier path with the plugin? This would be helpful in setting up points. I see you have a path created in the example, but there's no source so I'm not sure how to go about it. http://www.greensock.com/gsap-js/ I think I have a good example, but not quite sure about the 'curviness' settings etc. He's driving a little drunk- Thanks! (This is working in Chrome, I just threw this together out of my main project, so the positioning is funky. You have to scroll down as the taxi animates from the bottom) http://codepen.io/sju/pen/wAbIx