harry potter scene-flash

HARRY POTTER FLASH WORK!

This is a combination of some graphics and text to create a simple animation using macromedia flash 8. The project is made-up of 4 scenes, which are:
1. A preloader
2. Masking, shape and motion tweening (scene 1)
3. Content or main navigation scene (scene 2)
4. The Gallery (scene 3)

PRELOADER
This is an intro to the animation proper. It is made-up of 4 main layers. I have chosen to do a percentage preloader. This would count up to 100% while the sub-menu page loads. The preloader is made up several layers. i had made:
1. loadText layer
2. loadBar layer
3. boarder layer
4. actions layer The loadText layer was made up of pure text box created with the text tool from the tool box. After the above activity, i had to set up the percentage text reading column with this tool- i created an empty text space with this tool.

Also, i had to set up the text type to dynamic text instead of static text in the windows display property panel and set the VAR by inputing "loadText" as the name or title.

Finally, i had to type a "loading..." text on the page. for the loadBar layer, i created the Bar with a rectangle tool, set the shape size to 200 by 20 which is the same as 100 by 10. this would amount to the total of 100% in fraction as the bar loads. I converted the image to symbol and set it to movie clip on the display dialogue box and finally set the loading direction with the "registration" from left center to right, then clicked OK. the loadbar rectangular shape was define without a line but with fill of white, since the background color was set as black, this would give it a beautiful and sharp combination.

The boarder layer is a simple rectangle shape without a color fill but with a line color set to blue to help give the loading movie clip rectangle a define shape. this rectangle is the same size and shape as the loadBar, in fact, it was drawn to encapsulate the loadBar. action layer is the layer where all the actionscripts in this preloader was set. I inserted a brief action script in the first and second frames on the time line. the first actionscript in the action layer keyframe was created to control the preloader bars, text rounding them up to 100% when the bytes loaded are proportional to the loadBar loading in fraction estimated to 100%. The following actionscript was reponsible for running the preloader:

The second actionscript on the keyframe of the action layer contains the navigation of the preloader. this actionscript is created to direct the next action of the animation; when the preloader completes it's loading process, the actionscript will refer it navigate to the next scene (scene 1) of the animation. This is the script:

bytes_loaded = Math.round(this.getBytesLoaded());
bytes_total = Math.round(this.getBytesTotal());
getPercent = bytes_loaded/bytes_total;
this.loadBar._width = getPercent*200;
this.loadText = Math.round(getPercent*200)+"%";
if (bytes_loaded == bytes_total)
{
this.gotoAndPlay(3);


SCENE1

In this scene, i had focused on presenting some key flash animation skills like masking, shape and motion tweening. this scene is a sub-scene to the main control menu scene, which is in "scene 2". activities carried out here includes:

1. importing images post produced in Adobe Photoshop
2. creating different layers needed for this scene
3. setting the background for this scene from the imported images





4. embedding the sound clip from the import library





5. creating the glow action for the magic wand in Harry's hand





6. creating the motion tweening for all the characters:
















6. creating the motion tweening for all the characters:







7. setting the actions for the sound, image and stop for the animation

8. created the navigation button(text) linking to the next scene

SCENE 2

In this scene, i had focused this page to really look like a typical flash intaractive website. It possess the following features:

1. created the background with frame imported to the library

2. created the different navigation button to the internal links and external hyperlink to sponsor or official websites where more information can be accessed about the movie "HARRY POTTER"

3. I embedded the sound clip from the imported library

4. created the control button for the sound and motion clip

SCENE 3

This scene forms the Gallery. The gallery is a scene that en-capsuled the images of the character and a brief information about the characters. The scene is made up of:

1. created the different layers and named them

2. imported the scene frame on the first frame of the background layer

3. set the images of each character as hyperlink to the texts detail of each character

4. create navigation buttons for the scene

5. create a brief actionscript to determine the total stopage of the scene to avoid the movie looping or starting from the begining again