Jump to content
GreenSock

X10

Members
  • Posts

    94
  • Joined

  • Last visited

Posts posted by X10

  1. Hi Carl,

    Thanks for the welcome.

     

    I think scrollRect would be a good subject for a tutorial, it has baffled me how it works, I had to play with it for ages before I tried changing the registration point. I still don't understand the logic of Top, Bottom, x, y etc., I only figured it out through trial and error.

    The documentation for it could be more comprehensive I think, or at least some examples with explanation.

  2. Hi All,

    I've just got back into AS3 & Flash, and Greensock of course, but I'm having some trouble with the scrollRect Plugin.

     

    I have an mc on stage that I want to 'reveal' from the bottom upwards, if that makes sense.

    However whatever I try with the scrollRect plugin I can't seem to get right!

     

    It would be the opposite of this:

     

    TweenLite.from(mc, 4.5, {scrollRect:{ y:0, bottom:-mc.height}});

     

    Using the above code, the reveal comes from the top, but I want it to come from the bottom.

    Any advice on values greatly appreciated!

     

    X10

  3. Hi ngrinchenko and welcome to the Greensock forums.

     

    Taking on board what Carl responded with in your other thread the "Delay" property can be used to delay tween to the same MC:

     

    TweenLite.to(dot_mc, 1, {_y:55});

    TweenLite.to(dot_mc, 1, {_x:55,delay:1});

    TweenLite.to(dot_mc, 1, {_alpha:55,delay:2});

     

    First dot_mc will move along the y axis to 55, a second later on the x axis to 55 and after another second it will alpha to 55.

     

    You may want to consider using TimelineLite which I believe also works with AS2, though again not sure if it works 100% with Flash MX 2004.

     

    I hope that helps, post back if you need further advice.

     

    X10

  4. Hi All,

    This is my first time using LoaderMax so I thought I'd try something simple, but even after reading the documentation and several posts on the forum I'm having trouble.

     

    What I'd like to do is load 2 SWF's (that have been built with AS3 and TimelineMax) and play the first one, then when it completes, play the second one, then when that completes loop through back to the 1st and repeat.

     

    The code below gets the swfs fine, but they play as soon as they're loaded, and I know 'autoPlay:false' only deals with the playhead, so doesn't work for TimelineMax based animations. I also read up a little on rawcontent, but I'm still missing something key here.

     

    I also had a look at this (viewtopic.php?f=6&t=4673) but I think it just confused me more, any help would really be appreciated!

     

    X10

     

    import com.greensock.*;
    import com.greensock.loading.*;
    import com.greensock.events.LoaderEvent;
    import com.greensock.loading.display.*;
    
    //create a LoaderMax named "mainQueue" and set up onProgress, onComplete and onError listeners
    var queue:LoaderMax = new LoaderMax({name:"mainQueue", onProgress:progressHandler, onComplete:completeHandler, onError:errorHandler});
    
    //append several loaders
    queue.append( new SWFLoader("Clip1.swf", {name:"childClip1", estimatedBytes:200000, container:this, /*x:250,*/ autoPlay:false}) );
    queue.append( new SWFLoader("Clip2.swf", {name:"childClip2", estimatedBytes:200000, container:this, /*x:250,*/ autoPlay:false}) );
    
    //prioritize the loader named "childClip1"
    LoaderMax.prioritize("childClip1");
    
    //start loading
    queue.load();
    
    function progressHandler(event:LoaderEvent):void {
       trace("progress: " + event.target.progress);
    }
    
    function completeHandler(event:LoaderEvent):void {
    var SWF1:ContentDisplay = LoaderMax.getContent("childClip1").rawContent;
    var SWF2:ContentDisplay = LoaderMax.getContent("childClip2").rawContent;
    SWF2.rawContent.pause();
    trace(event.target + " is complete!");
    }
    
    function errorHandler(event:LoaderEvent):void {
       trace("error occured with " + event.target + ": " + event.text);
    }

  5. Hi stevemac, welcome to the Greensock forums!

     

    Have you tried passing "immediateRender:false" into your vars?

     

    Check out the Tweening Tips and Tricks here:

     

    http://www.greensock.com/tweening-tips/

     

    timeline.append( TweenLite.to(button_instance, 0, {_visible:true,immediateRender:false}));

     

    Also, to save you some code, depending obviously on how the rest of your flash works, you could use a from Tween instead:

    timeline.append( TweenLite.from(button_instance, 0, {_visible:false,immediateRender:false}));

    Which would save you having to set the visibility of the button to false initially.

     

    Also, have you seen the autoAlpha Plugin? It may be of use to you:

    http://www.greensock.com/tweenlite/#plugins

    This sets the visibility of an object as well as it's alpha in one go.

     

    I hope this helps, let us know how you get on!

    X10

  6. Hi spizer,

    Your code should work from what you've posted.

    Is there any chance you could post a simple use case scenario FLA with the offending behaviour?

     

    I assume you tried tracing the alpha value after each sprite is tweened to see what it's returning?

     

    Also, you can set the Overwrite value on a per tween basis, so you're not limited to the default value:

    http://www.greensock.com/overwritemanager/

  7. HI Grandpaw Broon,

    Welcome to Greensock!

     

    TimelineLite/Max has a lot of control, you can stagger or sequence. This video might help you with the basics, the sequencing stuff is about 3/4's the way into the video (at '12:30 ish):

    http://www.greensock.com/timeline-basics/

    You can also see the documentation here:

    http://www.greensock.com/as/docs/tween/

     

    You could probably use "TweenAlign.START" for what you are looking to do, if I understand your query, but you would need to remove the delays.

     

    With the overwriting of tweens, this would probably be an OverWrite Manager issue, with the defaults differing between TweenMax and TweenLite.

    However, if you are using

    TweenMax.to(mc,1,{alpha:1});
    TweenMax.to(mc,1,{scaleX:1,scaleY:1, delay:0.5});

    That should work as expected. (Assuming of course your mc is not already at those values!)

    Have a look in the OverwriteManager documentation for a breakdown of the overwrite options:

    http://www.greensock.com/as/docs/tween/ ... nager.html

     

    Perhaps you can show us some code so we can see exactly where it's going wrong.

  8. Hola jeanramirez,

    To solve the issue of "tipoPaint" always being 23, you would need to put the line:

    tipoPaint = [i]

    inside the for loop, at the moment it is outside the for loop, so when you run through your loop, i goes up each time an item is in your tipoArray, so reaches 23 and stops.

     

    So you would want to have:

    for(var i:int = 0; i < tipoArray.length; i++) {
      tipoArray[i].buttonMode = true;
      tipoArray[i].addEventListener(MouseEvent.ROLL_OVER, tipo_onOver);
      tipoArray[i].addEventListener(MouseEvent.ROLL_OUT, tipo_onOut);
      tipoArray[i].addEventListener(MouseEvent.CLICK, tipo_onClick);
      tipoPaint = [i]
      trace(tipoPaint);
    }

     

    However, I'm not sure just moving it to the correct place is going to solve your query. Let us know if that helps you any more and post back!

    X10

  9. Hi tikiri,

    There are a few ways you could do this, but the best one I know of is to use the onReverseComplete property when you instantiate your timeline:

     

    var timeline:TimelineLite = new TimelineLite({onReverseComplete:timeline.clear});

     

    Have a look at the timelinelite Documentation for an explanation: http://www.greensock.com/as/docs/tween/

     

    Let us know how you get on and post back if you have any other questions!

     

    X10

  10. Hi richtea,

    Welcome to the Greensock Tweening Platform :)

     

    I think the Frame Plugin will help with this query, check out the Plugin Explorer, there will also be some example code you can use:

     

    http://www.greensock.com/tweenlite/#plugins

     

    You may need to combine this with TweenMax's FromTo method depending on how you want to acheive the result:

     

    http://www.greensock.com/as/docs/tween/

     

    You may also wish to check out Carl Schooof's excellent tutorial Bulletproof TimelineMax page transitions, it's in 3 parts, but this link will take you to the overview:

     

    http://www.snorkl.tv/2011/03/teaser-bul ... ansitions/

     

    X10

  11. Hi all,

    I have managed to create a partial solution, but need a bit of help to get the final bit working. The line is drawn following the tweening of an elliptical point, this code on it's own works fine. However, if I place this into an animation that has moveiclips already on stage, the elliptical point shows as the uppermost object on top of everything else, but the line that is drawn is at the bottom/underneath all the objects, so you don't see it.

    What am I missing here to get it to draw above some objects?

     

    import com.greensock.TweenMax;
    import com.greensock.plugins.BezierThroughPlugin;
    
    var xA:Array=[0,250,50,500];
    var yA:Array=[0,100,200,200];
    var bezierObj:Object=BezierPlugin.parseBeziers({"x":xA,"y":yA},true);
    
    var sp:Shape =new Shape();
    sp.graphics.beginFill(0xff0000);
    sp.graphics.drawEllipse(-5,-3,10,6);
    sp.graphics.endFill();
    addChild(sp);
    
    function drawme(ZA):void{
    graphics.lineStyle(2,0xff0000);
    graphics.lineTo(ZA.x,ZA.y);
    }
    
    TweenMax.to(sp,5,{bezierThrough:[{x:250,y:100},{x:50,y:200},{x:500,y:200}],onUpdate:drawme,onUpdateParams:[sp]});

  12. Hi Spectre90,

    There's just a small addition you need to set when you instantiate your TimelineLite, you need to set it to 'paused' if you don't want it to play straight away:

    var ADtimeline:TimelineLite = new TimelineLite({paused:true});

    I hope that helps, let us know if you run into any more problems.

    You may also find the documentation a good resource: http://www.greensock.com/as/docs/tween/

     

    X10

  13. Hi user112,

    I'm not sure exactly what you want to acheive from your tween and exactly what you're not getting from your code:

    TweenLite.to(mc, 4, {alpha:1, scaleX:1.5, scaleY:1, ease:Elastic.easeOut});

    This will tween the instance of mc over 4 seconds to an alpha of 1, the scale of X to 1.5 times it's original and the scale of Y to 1 using an elastic ease.

    You can use the Hex Colours plugin (see here http://www.greensock.com/tweenlite/) to tween the gradient.

     

    If you want this to happen on a rollover you need to attach it to an EventListener, see this resource for some help:

    http://www.republicofcode.com/tutorials ... as3events/

     

    I hope this helps, let us know how you get on.

     

    X10

×