RollOver/Out button with reverse animation

[seco]

ok, i seen a couple post in here asking about there rollover/rollout buttons. now there is a few ways of doing this. this one is the most comon, a simple rollover animation then the animation reversed on rollout. I hope this will work for a few of you. remember you can use anything you want for the animation, it its 3d or after effects, create the animation sequence first, then add it to the movie clip accordinly.

EXAMPLE SWF

first, create a movie clip. and add this AS to it,

Example A: Create the MC

onClipEvent (enterFrame) { 
       if (this.hitTest(_root._xmouse, _root._ymouse, true)) { 
this.nextFrame(); 
    } else { 
this.prevFrame(); 
   } 
}

Example B: Add the animation



I used 23 images for this button. Created the graphics in photoshop<br>
and the roll over flip in after effects. then exported them as a image sequence.

if you name then correctly "button_00" after effects will name the next one "button_01" ect....

you can then import to stage in the MC and flash will recognize the sequence and prompt you to use them all or not.


Example C: Add the Stop



last but not least, this is very important. notice in the image above, the actions layer is set back 1 frame from the animation.

do that and add a

stop();

to the actions layer.


use only the forward animation in the frames, flash will reverse it

make sure you create a shape that surrounds the entire MC, convert to a button and add a alpha of 0% to it. then add your links to the invisible button.


also, FPS is important, i usually use about 42 - 50.
and thats it, test the button

here are the FLA's

Ver. 8

MX2004 Pro

Enjoy, if you have any questions dont hesitate to ask. Im a Button / Preloader Guru, also connecting flash to databases of any kind.

[Michael]

Suggestions

I'd be careful using such a high framerate...

The human brain only needs a framerate of 21 to percieve static frames as fluid motion. I generally use a framerate of 30.

And I wouldn't use a hit test... instead I'd build functions and have the onRollOver and onRollOut methods start the animation.. something like...

instance.onRollOver = playAnim;
instance.onRollOut = playAnimBackwards;

function playAnim()
{
   this.play();
}
function playAnimBackwards()
{
   this.onEnterFrame = function()
   {
      if (this._currentframe != 1) 
      {
         this.prevFrame();
      } else
      {
         delete this.onEnterFrame;
      }
   }
}

This will clean up in two ways... You'll have way less onEnterFrame functions running at once, and you won't have hit tests for each button on every frame, another little thing is that calling nextFrame() on every frame to play an animation is over kill, here we just say play() and flash handles the rest.

This can be cleaned up even further, but this will work really well, and it will retain it's efficiency throughout the life of the swf.

Take Care.
_Michael

[seco]

Originally Posted by MichaelxxOA

Suggestions

I'd be careful using such a high framerate...

The human brain only needs a framerate of 21 to percieve static frames as fluid motion. I generally use a framerate of 30.

And I wouldn't use a hit test... instead I'd build functions and have the onRollOver and onRollOut methods start the animation.. something like...

instance.onRollOver = playAnim;
instance.onRollOut = playAnimBackwards;

function playAnim()
{
   this.play();
}
function playAnimBackwards()
{
   this.onEnterFrame = function()
   {
      if (this._currentframe != 1) 
      {
         this.prevFrame();
      } else
      {
         delete this.onEnterFrame;
      }
   }
}

This will clean up in two ways... You'll have way less onEnterFrame functions running at once, and you won't have hit tests for each button on every frame, another little thing is that calling nextFrame() on every frame to play an animation is over kill, here we just say play() and flash handles the rest.

This can be cleaned up even further, but this will work really well, and it will retain it's efficiency throughout the life of the swf.

Take Care.
_Michael

i tried that and it didnt work the same as mine, animation wise

[desiuser]

All this sharing of photos is only relevant to people with more than one iOS5 device. What about families in which device each person s IOS. It would be of course to share purchases iTunes, music, etc. between matched (up to 3?) Family members. wmv to mp4 video converter I call BS. Out of all the apps purchased on the Android Market, I'm sure your one app stole all your personal info and was fraudulent and you found it to be a "common issue". What app was it? When did you buy it? What sources do you have showing that this is a "common issue"?