TransformAroundPoint and Bezier Plugins

[Arghya]

TransformAroundPoint and Bezier Plugins is not working together. why??

[Carl]

Hi and welcome to the forums.

 

You can't nest plugin values inside other plugins. 

[Arghya]

Is there any other way to do something like that????

I want to apply tween on a movieclip which is followed a curve path and i adjust the movieclip registration point externally.. so how can i do it using TweenMax???????????

[Arghya]

Is there any other way to do something like that????

I want to apply tween on a movieclip which is followed a curve path and i adjust the movieclip registration point externally.. so how can i do it using TweenMax???????????

[Carl]

I think you could accomplish just about anything if you nest the target clip in another clip.

 

Lets say you want to rotate a box_mc while it is following a Bezier path

 

Place box_mc in parent_mc.

Set parent_mc as the target of your Bezier tween

Create a tween that rotates parent_mc.box_mc

[Arghya]

suppose i apply tween on a movieclip along a curve path... i want to change the transform point of this movieclip when tween execute... how can i do it????

[Carl]

 Nesting the clip inside a parent was my best advice as it allows you to offset the position of the child anywhere you want in relation to the parent. Try using the transformAroundPointPlugin on the child while the parent follows the bezier path.

[Arghya]

plz send me an example related to this topic........

[Carl]

This code will make a red box appear to follow a Bezier path and scale (transform) around its bottom right corner. Just paste it in a blank fla that has access to the greensock classes.

 

import com.greensock.*;
import com.greensock.plugins.*;
import flash.display.Sprite;


TweenPlugin.activate([BezierPlugin, TransformAroundPointPlugin]);


//create a red box
var box:Sprite = createSquare(50);


//create a parent container (blue)
var parent_mc:Sprite = createSquare(10, 0x0000FF)


parent_mc.addChild(box);


//offset red box position - negative widht and height
box.x = - box.width;
box.y = - box.height;


//tween parent along bezier path
TweenMax.to(parent_mc, 10, {bezier:[{x:100, y:250}, {x:300, y:0}, {x:500, y:250}], repeat:-1});


//scale box around bottom right corner
TweenMax.to(box, 1, {transformAroundPoint:{point:new Point(0, 0), scaleX:0.2, scaleY:0.2}, repeat:-1, yoyo:true}); 




function createSquare(size:Number, color:uint=0xFF0000):Sprite {
    var s:Sprite = new Sprite();
    s.graphics.beginFill(color, 1);
    s.graphics.drawRect(0,0,size,size);
    s.graphics.endFill();
    this.addChild(s);
    return s;
}

In your production files you would make the blue parent have no width, height or color, I left it visible just so you can see that the parent follows the curve, and its child the redbox has a separate transform tween.

[Arghya]

thank you...........