rkalexander1

February 1, 2010

Is there a way to use tweenMax to tween the 3D properties that are available in CS4?

January 15, 2010

Awesome dude! That works perfectly. I've attached a zip for anyone interested.

January 11, 2010

I'm trying to create the genie effect you see in Mac OS X. I found this cool class that does, but it uses betweenAS3. I am trying to replace that tween engine with your tweenMax, but I am a little lost at this point. Here is the class file:

/**
* Ginny Effect Modoki
* 
* 作ってしまいました。。。
* 
* Inspired by
* http://fladdict.net/blog/2009/09/flash-ginny-effect.html
* http://fladdict.net/exp/ginnyeffect/
* http://twitter.com/fladdict/status/3842965317
*
* Photo by 
* http://www.flickr.com/photos/88403964@N00/2662752839/ (by Yasu)
*
* 9/9(Wed) 04:00 first post　http://twitter.com/clockmaker/status/3845570478
* ※ Mac OS X の隠しエフェクトの「Suck」っぽい http://bit.ly/11vMDh
*/
package {
   import flash.display.*;
   import flash.events.*;
   import flash.geom.*;
   import flash.net.*;
   import flash.system.*;
   import org.libspark.betweenas3.BetweenAS3;
   import org.libspark.betweenas3.easing.*;
   import org.libspark.betweenas3.tweens.ITween;
   import com.bit101.components.*;

   [sWF(frameRate = 60)]
   public class Main extends Sprite {

       private const IMAGE_URL:String = "http://farm4.static.flickr.com/3190/2662752839_249c6642b1.jpg";
       private const IMG_W:int = 500;
       private const IMG_H:int = 375;
       private const SEGMENT:int = 20;
       private var loader:Loader;
       private var vertexs:Array;
       private var sprite:Sprite;
       private var isHide:Boolean = false;
       private var isShift:Boolean = false;

       public function Main():void {
           // init
           stage.quality = StageQuality.MEDIUM;
           graphics.beginFill(0x0);
           graphics.drawRect(0, 0, 465, 465);

           new Label(this, 360, 440, "PLEASE CLICK STAGE")

           // load
           var context:LoaderContext = new LoaderContext(true);
           loader = new Loader();
           loader.contentLoaderInfo.addEventListener(Event.COMPLETE, compHandler);
           loader.load(new URLRequest(IMAGE_URL), context);
       }

       private function compHandler(e:Event):void {
           sprite = new Sprite();
           addChild(sprite);
           vertexs = []
           for (var xx:int = 0; xx < SEGMENT; xx++) {
               vertexs[xx] = [];
               for (var yy:int = 0; yy < SEGMENT; yy++) {
                   vertexs[xx][yy] = new Point(xx * IMG_W / SEGMENT, yy * IMG_H/SEGMENT);
               }
           }
           draw();
           addEventListener(Event.ENTER_FRAME, draw);
           stage.addEventListener(MouseEvent.CLICK, clickHandler);
           stage.addEventListener(KeyboardEvent.KEY_UP, keyUpHandler);
           stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
       }

       private function clickHandler(e:MouseEvent):void {
           var tweens:Array = [];
           var xx:int, yy:int, delay:Number;
           var px:Number = SEGMENT * (mouseX / IMG_W);
           var py:Number = SEGMENT * (mouseY / IMG_H);

           if (!isHide) {
               for (xx = 0; xx < SEGMENT; xx++) {
                   for (yy = 0; yy < SEGMENT; yy++) {
                       vertexs[xx][yy] = new Point(xx * IMG_W / SEGMENT, yy * IMG_H/SEGMENT);
                       delay = Math.sqrt((xx - px) * (xx - px) + (yy - py) * (yy - py)) / 40;

                       tweens.push(
                           BetweenAS3.delay(
                               BetweenAS3.tween(vertexs[xx][yy], {
                                   x : px * IMG_W / SEGMENT,
                                   y : py * IMG_H / SEGMENT
                               },null, delay, Cubic.easeIn),
                               delay / 2
                           )
                       )
                   }
               }
           }else {
               // 重み付けが怪しい・・・
               var max:Number = 0;
               for (xx = 0; xx < SEGMENT; xx++) {
                   for (yy = 0; yy < SEGMENT; yy++) {
                       vertexs[xx][yy] = new Point(px * IMG_W / SEGMENT, py * IMG_H / SEGMENT);
                       delay = Math.sqrt((xx - px) * (xx - px) + (yy - py) * (yy - py))
                       max = Math.max(max, delay);
                   }
               }
               for (xx = 0; xx < SEGMENT; xx++) {
                   for (yy = 0; yy < SEGMENT; yy++) {
                       delay = (max - Math.sqrt((xx - px) * (xx - px) + (yy - py) * (yy - py))) / 40;
                       tweens.push(
                           BetweenAS3.delay(
                               BetweenAS3.tween(vertexs[xx][yy], {
                                   x : xx * IMG_W / SEGMENT,
                                   y : yy * IMG_H / SEGMENT
                               },null, delay + 0.05, Quad.easeOut),
                               delay / 2
                           )
                       )
                   }
               }
           }

           var itw:ITween = BetweenAS3.parallelTweens(tweens);
           if (isShift) itw = BetweenAS3.scale(itw, 5);
           itw.play();

           isHide = !isHide;
       }

       /**
        * drawTriangles でテクスチャを貼り付けるメソッド
        * 参考： http://wonderfl.net/code/e7e1e28a9f20d73f11f0bb02d3e4b5f512c7cc0f
        */
       private function draw(e:Event = null):void {
           var vertices:Vector. = new Vector.();
           var indices:Vector. = new Vector.();
           var uvtData:Vector. = new Vector.();

           for (var xx:int = 0; xx < SEGMENT; xx++) {
               for (var yy:int = 0; yy < SEGMENT; yy++) {
                   vertices[vertices.length] = vertexs[xx][yy].x
                   vertices[vertices.length] = vertexs[xx][yy].y
                   uvtData[uvtData.length] = xx / SEGMENT;
                   uvtData[uvtData.length] = yy / SEGMENT;
               }
           }

           for (var i:int = 0; i < SEGMENT - 1; i++) {
               for (var j:int = 0; j < SEGMENT - 1; j++) {
                   indices.push(i * SEGMENT + j, i * SEGMENT + j + 1, (i + 1) * SEGMENT + j);
                   indices.push(i * SEGMENT + j + 1, (i + 1) * SEGMENT + 1 + j, (i + 1) * SEGMENT + j);
               }
           }

           var g:Graphics = sprite.graphics;
           g.clear();
           g.beginBitmapFill(Bitmap(loader.content).bitmapData);
           g.drawTriangles(vertices, indices, uvtData);
           g.endFill();
       }

       /**
        * Shiftキーを押してるとスローモーションになる
        * macの挙動と同じように
        */
       private function keyUpHandler(e:KeyboardEvent):void {
           if(e.keyCode == 16) isShift = false;
       }

       private function keyDownHandler(e:KeyboardEvent):void {
           if(e.keyCode == 16) isShift = true;
       }
   }
}

I found this article on betweenAS3 here:

http://www.thetechlabs.com/tutorials/flash/getting-started-with-betweenas3/

December 15, 2009

Wow, now that's pretty simple. You are the man!

December 15, 2009

What is the syntax to set the timescale? There are no code samples in the documentation. It is hard for me to figure it out from:

timeScale property
timeScale:Number [read-write]

Multiplier describing the speed of the timeline where 1 is normal speed, 0.5 is half-speed, 2 is double speed, etc.

Implementation

public function get timeScale():Number

public function set timeScale(value:Number):void

my code:

var timeline:TimelineLite=new TimelineLite();
timeline.insert(TweenLite.to(bodyCopy.eatingRight_txt, 2, {alpha:1,x:60,delay:3,overwrite:false,ease:Quad.easeInOut}));
timeline.insert(TweenLite.to(bodyCopy.forLife_txt, 1, {alpha:1,y:49,delay:4,overwrite:false,ease:Quad.easeInOut}));
timeline.insert(TweenLite.to(slide1, 1.5, {scaleX:1.3, scaleY:1.3,x:"50",y:"50",delay:2.5,overwrite:false,ease:Quint.easeIn}));
timeline.insert(TweenLite.to(slide1, 12, {scaleX:1, scaleY:1,delay:4,x:centerX,y:centerY,overwrite:false,ease:Quint.easeOut}));
timeline.insert(TweenLite.to(bodyCopy.eatingRight_txt, 1, {x:126,y:-25.1,scaleX:.38,scaleY:.38,tint:0xa62912,delay:7.5,overwrite:false,ease:Quad.easeIn,onComplete:antiAliasMe,onCompleteParams:[bodyCopy.eatingRight_txt]}));
timeline.insert(TweenLite.to(bodyCopy.forLife_txt, 1, {x:197,y:-25.1,scaleX:.20,scaleY:.20,delay:8,overwrite:false,ease:Quad.easeIn,onComplete:antiAliasMe,onCompleteParams:[bodyCopy.forLife_txt]}));
timeline.insert(TweenLite.to(slide1, 1, {alpha:0,delay:9,overwrite:false,ease:Quint.easeOut}));

December 15, 2009

I have a sequence of tweenLite tweens in timelineLite object. I have a pause and another button that resumes the timelineLite object. Is there a way to complete the current tween and then pause? And then continue with the next tween in the sequence when the resume button is pressed.

Notifications

Messages

rkalexander1

Posts

Joined

Last visited

Content Type

Profiles

Forums

Store

Blog

Product

Showcase

FAQ

Downloads

Posts posted by rkalexander1

Tweening 3D propeties in CS4

genie effect

genie effect

timelineLite set timescale [SOLVED]

timelineLite set timescale [SOLVED]

timelineLite pause question