Flash animation and interactivity example problems

This article or chapter is incomplete and its contents need further attention. Some information may be missing or may be wrong, spelling and grammar may have to be improved, use your judgment!

This is part of the flash tutorials

Overview[edit | edit source]

Learning goals

Test your knowledge in simple animation, embedded movie clips and interactivity

Prerequisites: Flash animation summary; Flash component button tutorial; Flash embedded movie clip tutorial; Some ActionScript, e.g. ActionScript 3 interactive objects tutorial to understand the examples towards the end.
Moving on: The Flash tutorials index has a list of other tutorials.
Level and target population

It aims at beginning Flash designers. Embedded movie clips are used in various other tutorials, but here we explain it a bit more systematically.

Quality: This text should technical people get going and may not be good enough for self-learning beginners. It can be used as handout in a "hands-on" class. That is what Daniel K. Schneider made it for...

Example[edit | edit source]

Look at a possible solution first:

action-script-button-anim-solution.html

Solve the following problems:

Frame 1 (home): Buttons should not lead you to frame 1 (home), but to the various other keyframes. Also add your name.
Frame 2 (Sailing): (a) Play the tween animation of boat with the 'what's going on here' button. (b) BONUS Point: Create and play a motion animation of a plane.
Frame 3 (Driving): (a) Create an animation that will start moving the car from right to left and slightly forward too (i.e. keep it on the road). To animate the car edit the 'old car' symbol and make it a motion tween. Then link it to the what's going on here button (b) BONUS Point: Do something with the yellow car.
Frame 4 (Island): (a) Make the trees visible when the user clicks on the what's going on button. (b) BONUS point: Improve the frame-by-frame animation of the big tree.
Frame 5 (Rocket): (a) Write code that will launch the rocket. (b) BONUS: Do something with the snakes

Tip: For starters, you can navigate with the little button on top right. Do not edit layer one !

Now get the incomplete *.fla source file from here:

action-script-button-anim-problem.fla

Instructions are also inside the *.fla file (play it):

action-script-button-anim-problem.html

Solution:

Source *.fla: action-script-button-anim-solution.fla

HTML+SWF: action-script-button-anim-solution.html

Directory: http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/

Example[edit | edit source]

This workthrough example has instructions embedded inside the fla file

Alternatively also may download the screen copies and that include the instructions (PDF)

Get final-coap2110-2008.fla
Look at a possible solution:

http://tecfa.unige.ch/guides/flash/ex/exams2008/final-coap2110-2008-SOLUTION.swf

Solution:

http://tecfa.unige.ch/guides/flash/ex/exams2008/ (directory)

final-coap2110-2008-SOLUTION.fla