Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by mintervals

  1. 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?



  2. 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.

  3. 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. 

  4. 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?





  5. 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.


    See the Pen FEDqf by sju (@sju) on CodePen

  6. 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!

  7. 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!

    See the Pen GyJkB by sju (@sju) on CodePen

  8. 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!

  9. 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).





    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....



  10. 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.



    I think I have a good example, but not quite sure about the 'curviness' settings etc.


    He's driving a little drunk-




    (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)


    See the Pen wAbIx by sju (@sju) on CodePen

  11. Thank you for your reply. If I run the above trace statement when I publish from Flash it is "undefined".


    If I upload the .swf to the sever and open the .html container and view the trace log I have setup in OSX terminal it traces out the flashVars "sfx/sample1.mp3".


    There is only one .swf using swfobject with the .html code as:


    swfobject.embedSWF("myFlashMovie.swf", "flashmovie", "1252", "834", "10.1", xinstall, flashvars, params, props);
    var flashvars = {
    someVariable: "sfx/sample1.mp3"


    So since it's null upon publish in Flash it won't work. Looks like it's not an issue with mp3Loader as it can accept a variable as in the first example. I'm not sure if there is a work around though, thanks.

  12. Hi is there way to make the urlRequest in mp3Loader pull from a flashVar in .html?


    We are not sure of the final directory that will store the sound samples and would like this to be a variable inside the .html


    For Example, This works


    var myMp3Request:URLRequest = new URLRequest("sfx/sample1.mp3");
    var sample1Sound:MP3Loader = new MP3Loader(myMp3Request,{autoPlay:false,volume:.8,repeat:0});


    But trying to convert the URLRequest into flashVars does not


    var mySoundRequest:URLRequest = new URLRequest(root.loaderInfo.parameters.someVariable);
    var sample2Sound:MP3Loader = new MP3Loader(mySoundRequest,{autoPlay:false,volume:.8,repeat:0});


    Thanks for any advice!

    • Like 1
  13. Hi I have a timelineMax paused that I can scroll with a slider. I need to have functions called when certain points of the timeline are hit. The below code only works if the timeline isn't paused. What am I missing, thanks so much!



    import com.greensock.*;

    import com.greensock.easing.*;


    import fl.controls.Slider;

    import fl.events.SliderEvent;


    var mainTimeLine:TimelineMax;

    mainTimeLine = new TimelineMax({paused:true});


    mainTimeLine.insert(TweenMax.to(mc1, 3, {y:"50", delay:0, onComplete:mc1Call}));

    mainTimeLine.insert(TweenMax.to(mc2, 3, {y:"50", delay:3, onComplete:mc2Call}));

    mainTimeLine.insert(TweenMax.to(mc3, 3, {y:"50", delay:6, onComplete:mc3Call}));


    slider.liveDragging = true;

    slider.snapInterval = 0.01;

    slider.enabled = true;

    slider.minimum = 0;

    slider.maximum = mainTimeLine.totalDuration;



    slider.addEventListener(SliderEvent.THUMB_DRAG, thumbDragHandler);



    function thumbDragHandler(e:SliderEvent):void







    function mc1Call():void{







    function mc2Call():void{







    function mc3Call():void{





  14. Hi, This isn't a Tween question per se but I do use TweenNano for all my banners as we are always fighting file size.


    So I came across some interesting information today and was wondering what the general community opinion is. How do you import images in Flash for the lowest file size? I took an image from photoshop and saved it out in these formats.


    1) .png

    2) .jpg "save for web" 80

    3) .jpg "save for web" 100

    4) .jpg "save as "12" baseline standard


    I then imported into flash and set the images to Quality Custom 80. As you can see from the screen shot all the original sizes are the same, yet the compressed sizes are different in the size report. Most important is that the "save as 12" gets the lowest file size. My publish settings are as3.0 fp9


    What I then end up doing is taking the .jpg from photoshop and masking it out in flash to save the transparency. Is this the best method and is "save as 12" the best option? I know where only talking about a few bytes but they all count when you have to meet a requirement!


    Thanks, this is very confusing...