Finalize Overall and Testing

After the some tries and fails, finally I finish the interactive design~ 

I correct some parts which is "off position". I also put audios in Flash to bring out the mood. It is a story telling kind of interactive design, so music should included in. Then I test it out.

The main idea of having an oval shape masking is to show broken part of the user's "glasses", instead of reveal the whole scene, I want to keep it mysterious.

Details in Interactive

After some tries, I realized some of my interactive design like time delay button and random click is not functioning well, so I decided "throw" it away but add more button. This is better than the previous one, as this's more effective.Users can directly spot the buttons.

I also consult with lecturer on my Actionsript.

The code I used:

mask (* learn from YouTube~)

Loader

Mouse Event: Click, MouseOver,Drag & Drop

If else statement

Visible=false/true (*mostly)

gotoAndPlay

gotoAndStop

I think these should be all. 

Progress into ActionScript

The upper picture is the information box I make for my interface. My interface is pretty much like Education type, so I have been suggested to add words instead of fully visuals to communicate with the audience.  

After I done the animation of the information box, I apply it to my characters with the usage of Actionscript. I make my characters as the "buttons", so the users can interact with them.

This is the outcome when Mouse Over the characters, the info. box will came out. 

Progress to Flash

I start to animate the basic animation in Flash, I do these in different file so that I won't mix it up. 

Background design (2nd scene)

Background and characters design for the second scene. I used the "social network" as the design element to bring out the message which I want to portrait. As for the characters designs at below is the ugly side the truth of the human, which is what I want to convey about the human (their looks when too depends on social network) in the future.

Background design

This the background I designed for the interface.

These are the characters I designed for the foreground, and these characters also act as the buttons. 

Characters design

For the foreground, I design 4 characters so the users can interact with them.