Introduction to Flash and Actionscript

S2 - Movieclip Properties

A2 - Building and Car

 


Animation by Calum

Creating a Background

Buildings

The background must include the buildings shown below. You will be evaluated on how closely your image matches the one below.

You may use a maximum of 3 library symbols (myBlackSquare, myBrownSquare and myYellowSquare ) to create the buildings.

Use 6 instance of the myBlackSquare and 6 instances of myBrownSquare to make the building, and 30 instances of myYellowSquare(with a border)
The black squares are used to draw the border of the building

NOTE: ICS3C students do not need to draw the border of the building.

HINT: Set your grid spacing to 20 x 20 and then resize using scale

Squares may start in the correct position on the stage.

Your evaluation for the building will be based on accuracy.

 

Background

Now use additional library elements to add sky, grass, sun, road etc. Your evaluation will be based on creativity.

ICS3U

Now use additional library elements to add sky, grass, sun, road etc

Evaluation will be based on detail and imagination.

ICS3C

Add a background image from the internet to your image.

 

Car

Draw a car. (It does not need to be the same but must use multiple shapes)
.

The car can be one symbol. (i.e. draw it and convert the entire car to a symbol)

 

 

Have it appear on the left side of the screen and drive across the screen and off the stage using actionscript.

ICS3U/C Students

Move the Car off the screen. When the car leaves the stage move to an animated ending scene. The ending scene may be anything you choose, but will be evaluated on creativity and use of learned features.

Add an Animated intro screen.

 

Add at least one additional animated element to your car animation.
Evaluation based on degree of difficulty and creativity.

 

 

 

 

 

 

Posting your Flash Animations

1. Upload the .fla file to the Gravelle Folder on your Google Drive

Create a link to the google document on your S1 Subpage

 

2. Export your animation as a .swf file

 

3. Attach the .swf file to the bottom of your website.

4. Copy the link location to the swf

5. Insert the Flash Wrapper Gadget

6. Open Flash Wrapper and Paste the link location from Step 2

7. Save your page to view your animation

Your Turn

Add additional elements to you project. Be creative.

 

8. Take a screenshot of each frame of your actions layer(if