It is very important to have a balanced
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, Functio
nName)
                       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()

If a MouseEvent happens to a TargetMC then FunctionName happens
MouseEvent.                               

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


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

Flash Lecture 5

By fdu

Flash Lecture 5

  • 946