TUTORIAL

Page 1
2.1 CONTROLLING THE MOVEMENT OF AN OBJECT USING ACTION
SCRIPT

Start new movie with File > New. Create a circle and name it as circle. Put the circle in
the middle of the stage and make it a movieclip symbol.

Select the circle and Open the Properties panel. Name the Instance as ball

Create another layer in the timeline and name it as the action layer

Make sure two frames are created on both layers



Click on the 1
st
frame of the action layer and go to the action panel and type the following
scripts;

ball._x = _xmouse;

Note: Ball is the Object , _x is the property (x co-ordinate) and _xmouse is the value.

Click on the 2
nd
frame of the action layer and to the action panel and type the following
scripts;

gotoAndPlay (1);

Note: The ball move horizontally according to the movements of the cursor.

Question: How do you create an object that follows your cursor?



2.2 STOPPING AND RESTARTING TIMELINE

Create a new movie. Draw a circle and convert it into a movieclip called mcircle. Create
a 40 frames tween animation on the circle from left to right.

Later the mcircle will be named as ball.

TUTORIAL
Page 2
Drag the symbol into layer1 inside scene1 which consist of 50 frames. Create another
layer on top of layer1 and name it as action. On the frame 35 (press F6 for inserting
keyframe) on the action layer go to action panel and type the following scripts;

ball.stop();
The go to frame 45 (press F6 for inserting keyframe) on the action layer go to action
panel and type the following scripts;

ball.play();

Test the scene.




Note: You will see a ball pause on its journey because it stopped between frame 35 and
45.

2.3 RUNNING A TIMELINE BACKWARDS

Create a new movie. Draw a circle and convert it into a movieclip called circle. Create a
40 frames tween animation on the circle from left to right. (The tweening is done inside
the circle)

Create a new movieclip called behavior of 25 frames. On the frame 24 (press F6 for
inserting keyframe) name this frame as loop. Go to the action panel and type the
following script;

_parent.prevFrame();

On the frame 25 go to the action panel and type the following script;

gotoAndPlay("loop");

Then double click on the circle movieclip and create another new layer on top of layer1
with 25 frames. Drag the Behavior movieclip in to new layer inside the circle movieclip.
TUTORIAL
Page 3



Drag the circle movieclip into the scene and test it out.

Note: You will see a ball moving from left to right and vice versa.



2.4 ADDING AN ON MOUSE EVENT ACTION

New > Movie. Add 3 layers in the timeline as actions, text and button. Go to Insert >
Create New Symbol to create a new button name button. Draw a circle representing the
button.

All the layers should consist of 40 frames. Drag the button in the library into the Button
Layer. In the actions and text layers Insert Blank Keyframe on frame 20. Click on the
actions layer at frame 20 and go to the properties panel to name the frame as detect.



Then on the frame 20 of the text later, type the text as Testing


Add a keyframe in the actions layer at frame 35. On the action panel type the following
script;
TUTORIAL
Page 4

gotoAndStop (1);

Finally add a stop (); action in frame 1 of the action layer.

Click on the button and go to the action panel and type the following scripts;

on (release) {
gotoAndPlay ("detect");
}

Note: If the user clicks on the button the scripts will point to the detect frame where the
text testing will appear out.


2.5 CREATING NAVIGATION BUTTONS

Create a small button with different patterns for representing Up, Over, Down and Hit
states. Name the symbol as button. Make it look like this:



Place 3 buttons in a row on the stage. Name the scene as main



Create a new movieclip called buttontext and add the word text using text tool at the
position 0,0 using the Info Panel. Add 4 keyframes on the layer1. Create another layer
called actions. Delete the 1
st
keyframe of layer1. Add stop( ) script on all the keyframes
inside layer1
Name the blank keyframe on the actions layer as blank, about, products and contact (On
the properties panel). On layer 1 frame 2, 3, 4 represent the about, product and contact
texts. Name the movieclip as text (instance name).



Go to the main stage and place the buttontext movieclip below the first button. After
placing it,
TUTORIAL
Page 5

Click on the 1
st
button and go to the actions panel and type the following scripts;

on (rollOver) {
text.gotoAndStop ("about");
}
on (rollOut) {
text.gotoAndStop ("blank");
}
on (release) {
gotoAndStop ("about" ,1); //You need to create a scene call about.
}

Rename all text in the movieclip as ABOUT, PRODUCT and CONTACT.

Note: When your cursor roll over the 1
st
button the movieclip (instance name) named
text will go to about frame resulting the word ABOUT appears on the stage. When
the cursor roll out from the 1
st
button it will go to the blank frame. When you release
the cursor, it will go to frame 1 of scene called about.

Create a layer called action and add the stop () script on the main scene. Create another
scene called product. Refer to the following;



Complete the tutorial by creating scene for products. As for contact, use the following
script to help you to send your email.

getURL ("mailto:contact@apiit.edu.my");

TUTORIAL
Page 6
(Sample Output)