Flash CS4: How to play a movie clip when a button is clicked

actionscript-3adobebuttonflashmovieclip

I want to play a movie clip when I click a button.

I made 3 states:

inicial (how it looks before anything happens) (up)
hover (plays an animation after waiting 20 frames) (over)
click (plays an animation right away) (down)

I placed these movie clips inside of my button's up, over, and down frames. This works great except when I click, i'll need to click and hold for my animation to get past the first frame.

What can I do so that I click on my button and plays the movie clip in its entirety?

Best Answer

Assuming you're creating a button in the IDE: Because the button "down" state is only registered while its actually "down", you'd need to associate a movieclip outside of the button that is triggered on mouse down.

someButton.addEventListener(MouseEvent.MOUSE_DOWN, runClip);

private function runClip(e:MouseEvent):void
{
    _downClip.play();
}

You'd need to position it accurately, or wrap it up in another symbol.

...

Or better yet, program the whole thing in AS3 and get away from timeline development...

update -

I don't have any preferred tutorials or sites for this, in particular. But just google "as3 button tutorial" and you should get a lot of hits... this one looks pretty complete.

Oh, wait - I think I posted a class for a basic image button that could be easily altered to function with movieclips from the library... yep, its right here. The basic idea should be fairly clear if you have any experience with as3 / object oriented programming. And if its not - google away ;)

Cheers

Related Solutions

R – Linking a button to a movie clip… gotoAndPlay() doesn’t work!

well the code you have there is correct for what you want to do. I guess from what you have said I would do the following:

check your pm MovieClip that it does not have a stop on the frames you are playing. If it has no scripts then I guess check that it actually has enough frames for what you are doing. Maybe copy that movieclip somewhere and just let it run through.
check that you don't have any other code somewhere telling it to stop playing.
create another MovieClip, with 2 frames, place a stop() only on the first frame, and play it after you try to play the pm. It should play, if it does not then you need to have a look at what you are doing.
lastly just make sure you created a MovieClip and did not create a button and then changed the button to a MovieClip

Actionscript – Action Script 3 : Hover over button to play a movie clip

Yes that is possible, here is an example:

import fl.controls.Button;
import flash.events.MouseEvent;

var hover:Button = new Button();
hover.label = "Hover";
addChild(hover);
hover.x = 100;
hover.y = 100;
var mc:MovieClip = new MovieClip();
addChild(mc);
mc.x = 300;
mc.y = 300;

hover.addEventListener(MouseEvent.MOUSE_OVER, onMouseOver);
 
function onMouseOver(e:MouseEvent):void
{
    if(mc.currentFrame < mc.totalFrames) {
         mc.play();
    } else {
         gotoAndStop(currentFrame + 1);
    }
}

Here's a helpful article on the subject: AS3 Mouse Events and Mouse Related User Actions

Best Answer

Related Solutions

R – Linking a button to a movie clip… gotoAndPlay() doesn’t work!

Actionscript – Action Script 3 : Hover over button to play a movie clip

Related Topic