Animated interfaces with Flash CS4’s Bone tool

12 Add stop commands

Create a new layer and add a keyframe at frame 1. Open the ActionScript editor and add a ‘stop();’ command for frame 1. Choose frame 47 and add a keyframe, again in the ActionScript editor add another ‘stop();’ command. This will ensure the Movie Clip does not play unless told to do so. Then return to the main stage of Scene 1.

13 Add an instance name

Add the ‘armature’ Movie Clip to the stage and position as shown above. Use the Transform panel to resize to 60%. In the Properties panel give this an instance name of ‘arm_mc’. Now create a new symbol, make it a button and name it ‘control’, then press OK. Draw a rectangle for your button.

14 Control by code

Return to the main stage of Scene 1 and drag the button onto the stage naming the instance ‘content_btn’. Create a new layer, open the ActionScript editor and add the code shown above. Press Ctrl+Enter to test the SWF file, when you press the button it should move the arm in and out of the stage.

content_btn.addEventListener(MouseEvent.CLICK, moveOn);
function moveOn(Event:MouseEvent):void {
arm_mc.play();
}

You may download the referenced project files by clicking here

Pages: 1 2 3 4