3d card flip using tweenlite

[pushfate]

Hi Im kinda new to AS3, I normally code in AS2 and Im using flash cs3.

 

I have created a zooming playing card animation and so basically inside the zooming movie clip I have placed the front_mc and the back_mc of the card and the back_mc has an animation on it when it flips over all that works except, I want the card to auto flip at the end of the animation on the main timeline without having to click on the card itself, I dont really mind if the is no flip back option, I just want the card to flip over at frame 20 on the maintime.

 

I downloaded the greensock component, I used this because you cant distort mc's and bitmaps and this is the code Im currently using which I got from this site:

 

import com.greensock.TweenLite;

front_mc.addEventListener(MouseEvent.CLICK,cardCli ck);

function cardClick(event:MouseEvent):void {

back_mc.visible = true;

TweenLite.to(front_mc,0.5,{scaleX:-1, overwrite:false});

TweenLite.to(front_mc,0,{alpha:0,delay:.15, overwrite:false});

TweenLite.to(back_mc,0.5,{scaleX:-1, overwrite:false, onComplete:hidden});

TweenLite.to(back_mc,0,{alpha:1,delay:.15, overwrite:false});

back_mc.addEventListener(MouseEvent.CLICK, backClick);

}

function hidden() {

front_mc.visible = false;

}

function backClick(event:MouseEvent):void {

front_mc.visible = true;

TweenLite.to(back_mc,0.5,{scaleX:+1, overwrite:false});

TweenLite.to(back_mc,0,{alpha:0,delay:.15, overwrite:false});

TweenLite.to(front_mc,0.5,{scaleX:+1, overwrite:false, onComplete:ReHidden});

TweenLite.to(front_mc,0,{alpha:1,delay:.15, overwrite:false});

}

function ReHidden() {

back_mc.visible = false;

}

 

Does anyone know how to make the front_mc flip over to the back_mc without a mouse click on frame 20 of the main timeline.

 

PLEASE HELP.

[Carl]

if you want no clicking just remove the eventListeners on the cards and the event:MouseEvent from the function parameters.

 

import com.greensock.TweenLite;

function cardClick():void {
back_mc.visible = true;
TweenLite.to(front_mc,0.5,{scaleX:-1, overwrite:false});
TweenLite.to(front_mc,0,{alpha:0,delay:.15, overwrite:false});
TweenLite.to(back_mc,0.5,{scaleX:-1, overwrite:false, onComplete:hidden});
TweenLite.to(back_mc,0,{alpha:1,delay:.15, overwrite:false});



}
function hidden() {
front_mc.visible = false;
}
function backClick():void {
front_mc.visible = true;
TweenLite.to(back_mc,0.5,{scaleX:+1, overwrite:false});
TweenLite.to(back_mc,0,{alpha:0,delay:.15, overwrite:false});
TweenLite.to(front_mc,0.5,{scaleX:+1, overwrite:false, onComplete:ReHidden});
TweenLite.to(front_mc,0,{alpha:1,delay:.15, overwrite:false});
}
function ReHidden() {
back_mc.visible = false;
}

 

in frame 20 of your timeline place an action:

cardClick();

[pushfate]

when I add the cardClick to frame 20 on the main timeline, I get this error.

 

1180: Call to a possibly undefined method cardClick.

 

Not really sure how to fix the prob.

[Carl]

that's strange, functions defined in frame 1 should be accessible everywhere.

 

place all your code and assets on frame 1 and try again.

 

 

OR place all your code and assets on frame 20. this really shouldn't make a difference.

 

make sure function cardClick(){ ... on frame 1 doesn't have any typos

[pushfate]

Yeah I check no typos but still getting the same error and also should cardClick(); be place on the first frame or the last frame of the animation on the main timeline.

[pushfate]

Also I have a preloader on the first frame of the maintimeline.

[pushfate]

Not to worry I just broke apart the movieclip and added the AS to the main timeline works perfectly.

 

Thank you so much for the help couldnt have done it otherwise cool!!!!!!!

[Carl]

I had trouble understanding how your file was built. glad you got it to work.

 

Carl