Hello All,
I was wanting to use this code for a project: trouble is I can’t have the file call any extraneous files. Since I am still learning I am not sure how to go about adusting this code. Essentially I need it to function exactly the same but using the AS3 Tween Class in place of Tweenlite. Any thoughts, help?
I would be mighty grateful!
Many thanks in advance!:thumb2:
C
///////this is the code I would love to alter!/////////
import gs.;
import gs.easing.;
panel1.props = {lx:0, rx:570, ind:1};
panel2.props = {lx:30, rx:600, ind:2};
panel3.props = {lx:60, rx:630, ind:3};
panel4.props = {lx:90, rx:660, ind:4};
panel1.addEventListener(MouseEvent.CLICK, onClick);
panel2.addEventListener(MouseEvent.CLICK, onClick);
panel3.addEventListener(MouseEvent.CLICK, onClick);
panel4.addEventListener(MouseEvent.CLICK, onClick);
function onClick(e:MouseEvent):void
{
var clicked:MovieClip = MovieClip(e.target);
for(var i:int=0; i<numChildren; i++)
{
var mc:MovieClip = MovieClip(getChildAt(i));
if(mc.props.ind <= clicked.props.ind)
TweenLite.to(mc, 1, {x:mc.props.lx, ease:Bounce.easeOut});
else
TweenLite.to(mc, 1, {x:mc.props.rx, ease:Bounce.easeOut});
}
}
///////this is how I am thinking I should go forward////////////
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;
panel1.props = {lx:0, rx:570, ind:1};
panel2.props = {lx:30, rx:600, ind:2};
panel3.props = {lx:60, rx:630, ind:3};
panel4.props = {lx:90, rx:660, ind:4};
panel1.addEventListener(MouseEvent.MOUSE_OVER, onOver);
panel2.addEventListener(MouseEvent.MOUSE_OVER, onOver);
panel3.addEventListener(MouseEvent.MOUSE_OVER, onOver);
panel4.addEventListener(MouseEvent.MOUSE_OVER, onOver);
function onOver(e:MouseEvent):void
{
var over:MovieClip = MovieClip(e.target);
for(var i:int=0; i<numChildren; i++)
{
var mc:MovieClip = MovieClip(getChildAt(i));
if(mc.props.ind <= over.props.ind)
Tween(mc, 1, {x:mc.props.lx, ease:Bounce.easeOut});
else
Tween(mc, 1, {x:mc.props.rx, ease:Bounce.easeOut});
}
}
