Friday, August 7, 2009

Jump from scene to scene

Right now, I want to share about how to jump from a scene to another scene. This is important because for our Assignment 2, we must do this. I just give a simple example here, because it just for a reference. I named this application as 'Animal Planet'. These are the steps :

1) 1st of all, please make a FLOWCHART for your application before opening Flash. This will give you better understanding about the flow of your application. The HOME/MAIN interface will be a root of the flowchart and follow by others.

2) Each boxes represent a scene. I have 5 scenes in my project and I named them; Home, Monkey, Bird-1, Bird-2 and Bird-3. Home scene acted as a main interface for the application. For 'Bird', it has 3 pages so that means it using 3 different scenes in the project.

3) For more information, you can use a simple Flash aplication below that (maybe) will help you (I hope so).

4) From there you can see samples of application's interfaces together with scripts for each button in that interface.

* make sure the speed of internet connection is good, or else many errors will occur

5) Make sure each pages/interfaces have a 'Home' button (except for Home page itself) because it will bring the user back to the main page.

Thats all for now. If I missing something, I will update it later because rite now I'm so sleepy..zzZZzzz

Transparent images/graphics

Here I want to share share something with you guys, and it is about how to make a graphic/picture become transparent. In certain situation, you really need this kind of effect for example if you want to create an image of water/river/pond and so on.

In this example, firstly I draw a Moo image and water image and then combining them like the picture below (Water layer need to be placed above of the Moo layer).

After that, click on the water on the screen(still in Bitmap format) -> right click -> choose 'convert to symbol'.

Then choose 'Graphic' and give a name for the image. I renamed it as 'water'.

Now look at the 'Properties' at the bottom of the screen. At the 'Color Dropdown Menu', choose 'alpha'.

Then adjust the given percentage. Decrease the value until you satisfied with the result.

Finally..the processes are completed. Now you can see Moo's lower body through the water. Try it :)


Thursday, August 6, 2009

Easier way to do scripting

1st of all...sorry for my poor English. Im just wanna share something with you guys about dealing with script. For those who already know about this, just skip this post.

Did you know that Flash have provided us with something that can help us when scripting? Did you ever noticed the 'Script Assist' button at the upper right of the scripting window? I marked the button with the red circle in the picture below. Before you start scripting, press that button first.

After you have clicked the button, choose the script which you want to use. In this example, I will use goto script for a button.

Then you will see the script is automatically written on the screen. When the 'gotoAndPlay(1)' is highlighted, you can see there are 3 textboxes above :

Scene (You can choose which scene to go after clicking)
Type (Whether it is determine by frame number or others, let it be 'frame number)
Frame (At which frame you want it to go in the scene)

If you highlighted the 'on(release)' script, there are some event checkboxes for a mouse which you can select..its up to you.

I hope this will help you a lot. Thank you and sorry for my poor English...

Review : How to create a button in Flash

1st of all..sorry for my broken English. I will try to explain this as good as I can. One of my classmate asked me to show her how to create a button because she did not remember how to do that. These are the steps that you need to follow :

1) Click Insert > New Symbol or you can easily press Ctrl+F8

2) A dialog box will appear. Give it a name, for example 'button 1'. Choose 'Button' then click OK.

3) Then Flash will bring you to button 1 screen, where here you can design the shape, color and whatever you wanted for this button. The screen will looks like this :

4) As you can see, there are 4 type of button condition. Up = normal shape of the button. Over = when the mouse over the button. Down = when user press the button. Hit = not sure, maybe after user release the mouse after clicked.

5) From here, you can determine what will happen to the button when it got hit, over or down. In this example, I only fill in the Up, Over and Down keyframes.

6) Up : here you need to draw the basic shape for this button. I'm going to use circle as a shape of this button and put on it word 'Enter'. You can use whatever shapes that you wanted to, also you can use free buttons from the internet. After I draw the button, you can see that the Up Box has been filled by a keyframe.

7) Over : Click on the Over box at the timeline. If you wish to make the button changing shape when the mouse cursor is over it, you can erase the button and draw a new one (But make sure the Over Box is highlighted).

8) But in this example, I will use the same design. I only wanted to change the color of the button into yellow. What I'm going to do are first, copy the frame in the Up Box and paste it into the Over Box. Then change the button's color to yellow. This process will make the button change to yellow when the mouse cursor is over it.

9) Down : Then copy frame in Over Box then paste into Down Box. The box will determine the shape or color of the button when the user click it. In this example, I will make the size of the button smaller than the normal one. It will give user an illusion like the button has been pressed. You can resize it using Free Transform Tools from the toolbox at the left of the screen.

10) After that, the button is completed. Back to your main scene, and the button is located in the libaray. You can just drag and drop it whereever you wanted. If you test the movie, the button will looks like this:

I hope this example will help you for Assignment 2. Sorry for my poor English

Moo : Episode 2

Moo : Episode 1