It is very important to have a balanced
approach to study and practice.
approach to study and practice.
—The Dalai Lama
Previously:
- 3D Transform/Rotation Motion Tweens
- Buttons - Up/Down/Over/Hit States
- Intro to MouseEvents
- GotoAndPlay() & GotoAndStop() Actions
Today:
- More about MouseEvents
- Animation Practice Exercises
Review Exercise:
How many FDU students does it take to turn on a lightbulb?
Create button graphics and lightbulb graphics in Flash.
Use MouseEvents to toggle a lightbulb on and off.
The EventListener Command
TargetMC.addEventListener(MouseEvent.MOUSE_DOWN, FunctionName)
1
2
3 4
It's a statement with Four distinct parts!
addEventListener - declares an action will occur if an Event happens
TargetMC - is the instance name of some MovieClip or Button
FunctionName - refers to a name of a function()
TargetMC - is the instance name of some MovieClip or Button
FunctionName - refers to a name of a function()
If a MouseEvent happens to a TargetMC then FunctionName happens
CLICK ROLL_OUT
DOUBLE_CLICK ROLL_OVER
MIDDLE_CLICK
RIGHT_CLICK MIDDLE_MOUSE_DOWN
MIDDLE_MOUSE_UP
MOUSE_DOWN MIDDLE_MOUSE_DOWN
MOUSE_UP MIDDLE_MOUSE_UP
MOUSE_MOVE
MOUSE_OUT
MOUSE_OVER
MOUSE_WHEEL
DOUBLE_CLICK ROLL_OVER
MIDDLE_CLICK
RIGHT_CLICK MIDDLE_MOUSE_DOWN
MIDDLE_MOUSE_UP
MOUSE_DOWN MIDDLE_MOUSE_DOWN
MOUSE_UP MIDDLE_MOUSE_UP
MOUSE_MOVE
MOUSE_OUT
MOUSE_OVER
MOUSE_WHEEL
The Second Commandment of using FLASH
Thou SHALT know how to make MouseEvents
Class Exercise:
Applying MouseEvents to a MovieClip
Make a balloon pop animation in a MovieClip and
trigger the animation using a MouseEvent.
http://goo.gl/5BJ6Lu
balloon.png
Class Exercise:
Use MouseEvents to control a MovieClip Mask
Create a Circle MovieClip Mask and
control its position using a MouseEvent.
http://goo.gl/5BJ6Lu
focus_image.fla
Class Exercise:
Use MouseEvents to create Screen navigation along a timeline
Create a typical Screen navigation on a timeline
and control using Buttons nested inside MovieClips.
http://goo.gl/5BJ6Lu
GameMenu.fla
The First Commandment of using FLASH
Thou SHALT know how to make MovieClips
and assign properties to keyframes.
Class Exercise:
Challenge: Butterfly Effect
Use motion tween to animate the butterfly wings.
http://goo.gl/5BJ6Lu
butterfly.fla & butterfly.swf
Class Exercise:
Challenge: Shadow Dancing
Use the effect filters to create a drop shadow
for the hula dancer.
http://goo.gl/5BJ6Lu
hulagirl_shadow.fla & hulagirl_shadow.swf
More Mudbubble Character Animation in Flash:
http://goo.gl/UhYkI
http://goo.gl/EuLluQ
Sample Animation files:
http://goo.gl/5BJ6Lu
animations.zip
Class Exercise:
Challenge: In Space Noone Can Hear You Tween
Use the 3D transform and 3D rotation to animate a space scene.
http://goo.gl/5BJ6Lu
Space.fla & Space.swf
Class Exercise:
Challenge: The Undersea Scroll
Animate a parallax-scrolling underwater scene.
http://goo.gl/5BJ6Lu
looping.fla & looping_finished.swf