7 Replies Latest reply: May 20, 2012 9:24 PM by bhargavi reddy RSS

    AS3 Color Tweening

    MishaAbesadze Community Member
    MishaAbesadze May 16, 2012 12:56 AM

      Have Adobe simple Color Tweening code, like this caurina code : Tweener.addTween(myClip, {_color: 0x000000, time:1, transition:"easeOut"}); ?

      • 3964 Views
      • Tags:
        • 1. Re: AS3 Color Tweening
          bhargavi reddy Community Member
          bhargavi reddy May 16, 2012 1:38 AM (in response to MishaAbesadze)

          As per my knowledge using colorTransform is the way to color tweening in as3.

          • 2. Re: AS3 Color Tweening
            MishaAbesadze Community Member
            MishaAbesadze May 16, 2012 2:34 AM (in response to bhargavi reddy)

            That's nice. can you write here an example of this code ?

            • 3. Re: AS3 Color Tweening
              bhargavi reddy Community Member
              bhargavi reddy May 16, 2012 11:51 PM (in response to MishaAbesadze)

              var myColor:ColorTransform = new ColorTransform();

              myColor.color = 0x000000;        //Here you can give the color whatever you want...

              myClip.transform.colorTransform = myColor;         //Here myClip is your object...

              • 4. Re: AS3 Color Tweening
                MishaAbesadze Community Member
                MishaAbesadze May 17, 2012 3:12 AM (in response to bhargavi reddy)

                It's working perfect, but it has no tween effect. I mean color changing fastly, not ease. Is there some solution ? Thank you

                • 5. Re: AS3 Color Tweening
                  Sumit Agrawal FLash Community Member
                  Sumit Agrawal FLash May 17, 2012 3:52 AM (in response to MishaAbesadze)

                  Hi ,

                  U can use Tween Class To Ease,

                    please use this one

                   

                  import fl.transitions.Tween;
                  import fl.transitions.easing.*;

                   

                  var myColor:ColorTransform = new ColorTransform();

                   

                  myColor.color = 0x000000;        //Here you can give the color whatever you want...

                   

                   

                  myClip.transform.colorTransform = myColor;  

                  var myTween = new Tween(myClip,'alpha',Strong.EaseIn,0,1,5,true);

                  • 6. Re: AS3 Color Tweening
                    MishaAbesadze Community Member
                    MishaAbesadze May 19, 2012 3:07 AM (in response to Sumit Agrawal FLash)

                    Sumit Agrawal FLash

                    Hi

                    There is different between this two method. caurina tweener makess one color to other colo, for example 0X000000 to 0X333333.

                    Adobe tween removes one color and starts new color from null.

                    Here is en examples of this two clases :

                    Caurina Tweener:

                    Tweener.addTween(myClip, {_color: 0x333333, time:1, transition:"easeOut"});

                     

                    Adobe Tween:

                    var myColor:ColorTransform = new ColorTransform();

                              myColor.color = 0x333333;

                              myClip2.transform.colorTransform = myColor;

                              var myTween = new Tween(myClip2,'alpha',Strong.easeOut,0,1,3,true);

                    • 7. Re: AS3 Color Tweening
                      bhargavi reddy Community Member
                      bhargavi reddy May 20, 2012 9:24 PM (in response to MishaAbesadze)

                      import flash.utils.Timer;
                      import flash.events.TimerEvent;
                      import flash.geom.ColorTransform;

                      var timer:Timer = new Timer(1000,0);
                      var arr:Array = [0x000000,0xff0000,0x00ff00,0x0000ff,0xffff00,0xff00ff,0x00ffff];
                      var carr:Array = [];

                      timer.addEventListener(TimerEvent.TIMER,changeColor);
                      timer.start();
                      function changeColor(e:TimerEvent):void
                      {
                      trace("timer");
                      var color:ColorTransform = new ColorTransform();
                      var num:Number = Math.floor(Math.random() * arr.length);
                      color.color = arr[num];
                      arr.splice(num,1);
                      mc.transform.colorTransform = color;
                      }

                       

                      Try this code....