Ease in/out of an animation using actionscript?

[nfms]

Is this possible?

I made and animation using a nice tutorial on this site (thx for that )

onClipEvent (enterFrame) {
         if (this._y<300) {
                this._y += 5;
        }
}

but I want it to ease in, like I can do with a motion tween....

And also I'd like to make it play at random intervalls, it's for a website that's why I'm using script, to keep down the file size.

thx

[nfms]

I did some research and installed Extension Manager for this:
MovieClip.tween() command,

these are the properties:
my_mc.tween(property, pEnd, seconds, animType, delay, callback, extra1, extra2)



So I tried this:

onClipEvent (enterFrame) {
        mc1.tween("_y",100,3,"easeOutElastic");
}

where mc1 is my movieclip,
but the graphic in the movieclip still isnt moving, although I don't get any errors

anyone ?

[tGP]

you are on the right track, you just have to have a way to dynamically assign your _y position "variant"...

this will make things ease in... not the smoothese, but it should show you the basic concept...

// set up initial var (this will later change with iterations of our loop)
var i = 1;
// target your shape to move with onEnterFrame, calling the following function literal
shape_mc.onEnterFrame = function() {
// check if mc to move has gone past _y of 300, if not, execute conditional 
if (this._y < 300) {
    // multiply changeAmount by 1.1 (vary this amount to vary ease speed, negative number will cause ease out)
    changeAmount = _root.i * 1.1;
     // adjust current clips _y based on current value of changeAmount
    this._y += changeAmount;
     // add 1 to the changeAmount
    _root.i += i++;
    }
};

post again if you dont understand or if its not what you are looking for...

cheers.
j

[tGP]

this:

onClipEvent (enterFrame) {
mc1.tween("_y",100,3,"easeOutElastic");
}

should be written as:

mc1.onEnterFrame = function() {
  this.tween("_y",100,3,"easeOutElastic");
};

check if that works...using the tween function (what you are doing above) is an excellent way to do what you are wanting...

cheers.
j

[nfms]

thx both!


i'm still not getting it to work though
trying a lot, not getting error, but it's just not moving

wtf

maybe there is something wrong in my structure?

I got an unnamed mc in the _root
in that mc, i've got the movieclip I want to move, it's called "mc1"
and in "mc1" there's a graphic


maybe this helps ?

[tGP]

where are you placing this code... the way it is currently targeted, it need to be in a frame on the main (_root) timeline...

cheers.
j

[nfms]

I kinda got it to work by putting this in the root:

//set up initial var (this will later change with iterations of our loop)
var i = 0.1;
// target your shape to move with onEnterFrame, calling the following function literal
_root.mc.mc1.onEnterFrame = function() {
        // check if mc to move has gone past _y of 100, if not, execute conditional
        if (this._y < 100) {
                // multiply changeAmount by 1.1 (vary this amount to vary ease speed, negative number will cause ease out)
                changeAmount = _root.i * 1.1;
                // adjust current clips _y based on current value of changeAmount
                this._y += changeAmount;
                // add 1 to the changeAmount
                _root.i += i++;
        }
}

but not with the mc.tween command ? which is easier I guess.

I can't get it to move back in it's orignal place with this, I tried some stuff, like making the "i" negative, but as you can see, I'm not that good with scripting yet

I tried by adding this:

}
        if (this._y == 100) { 
               if (this._y > 0) {
                    var i = 1
                changeAmount = _root.i * -1.1;
                // adjust current clips _y based on current value of changeAmount
                this._y += changeAmount;
                // add 1 to the changeAmount
                _root.i += i++;
                }

[cannon303]

try putting this on the timeline where you want it to animate

onEnterFrame = function() {
    var distance:Number = (300-mc._y);
    if (mc._y+(distance/8)<=300) {
        mc._y += (distance/8);
    }
}

"mc" being the instance name of the movie clip you want to animate
ps only works if timeline is one frame long

[nfms]

Originally Posted by cannon303

try putting this on the timeline where you want it to animate

onEnterFrame = function() {
    var distance:Number = (300-mc._y);
    if (mc._y+(distance/8)<=300) {
        mc._y += (distance/8);
    }
}

"mc" being the instance name of the movie clip you want to animate
ps only works if timeline is one frame long

hey that worked perfectly
gonna try to reverse it now

argh, how do I do that?
create a new distance var?
or use the same, and switch the + and -'s ? ;p

I added this:

else {
                var distance:Number = (0+_root.mc.mc1._y);
                if (_root.mc.mc1._y-(distance/8)=>0) {
                _root.mc.mc1._y -= (distance/8);
                }

but I get this error:

'left side of the assignment opperator must be a value or property'

[cannon303]

when it goes up (oo-er) do you want it to start fast and slow down or start slow and speed up?