New Prototype

This is our new prototype. Tri has edited it a little bit to make it more gorgeous. Click to download the new one: Link

Intro movie

This is the flash intro Phuong Anh has made for our website. The story is based on the script that Dung and Tri wrote before. All the stuff such as the sky, the trees, the fence, etc was drawn by Tri, while the characters were created by Dung. Phuong Anh was responsible for the animation and sound design. The animation is not kind of hard, but the sound effects are big problems. At 1st, we just thought about the sound effects, not the way to create these sounds. Then Phuong Anh had to design and build several ways to make these sound effects.

Link to download

Prototype

This is our prototype. It's like a sketch how our website will be looking, but the look and feel is almost the same. Tri drew the background and stuff, and Phuong Anh did the animation part and the transitions for our website. It took us several days to discuss, draw and animate things. Please give us some useful comments. Thanks.

Link to download

** Note: this also is posted in Phuong Anh's blog.

Soundtrack for the Intro Flash

This is the soundtrack that Phuong Anh did for the intro flash. It's the scene that the sheep FooFoo walking around his farm and feeling so good. The music is very funky, happy and funny. Moreover, it relates to the countryside atmosphere. Let's enjoy it!

Script for Animation

The first page started with an empty paper (paper filter)
From the viewers’ direction, a lollipop falling down and land right on the right of the scene.
Following the narrows, the hills number ‘1’ and ‘2’ cross through the page and stably stay at the positions. Next, the mountains ‘3’ will move up from below (these mountains should be arranged behind the lollipop while the other hills are in front of the lollipop)
After, the landing is arranged, the fence is then dropping and being nailed up on the ‘1’ hill. Along with it, the thickets and trees are falling from above and landing on mountains and hills (as the wire frame shown).
Fro left to right, cloud will flowing across the scene (this movement is looped until the user reach the new page).
Characters:
Together with the cloud, KooKoo will be flying over back and forth (this is also a loop animation).
At the same time, BooBoo and FooFoo will perform on the ground, in which, FooFoo appear from the left corner of the page ( inside the fence), he looks around as if he’s seeking something. FooFoo’s eyes stop at the thicket as BooBoo jumping out from it and keep running forward to the hill locating the lollipop. Then FooFoo backs to outside the page, and the whole animation of these two characters are repeats.
Finally, when the mouse touches the lollipop, mill wings will appear which are the menu.

From whatever page the previous is, transition to reach this page is as followed:
The top of the lollipop flies up to the sky and play a role as a sun.
The mountains move up from below the page.
Cloud keeps on flying across the scene ( loop).
Characters:
From the left of the page, an airship appears and flows slowly to the middle. Together, KooKoo flies along. These two objects fly together about 5 seconds, within this amount of time, sound effects will be added. After 5 seconds, KooKoo will have to move following the curve to get near the airship and make it broken. Next, the airship, KooKoo and BooBoo will falling down rapidly. When everything is out of the scene, the animation is repeated (loop started since the airship appear).
Finally, when the mouse touches the lollipop, sunshine will appear which are the menu.
The lollipop moves down to the left corner of the page, landing on a branch to become a Sun Flower. At first, the flower is leaning about 15 degrees to the right. Then, KooKoo will land on it, in result, the flower will lean about 45 degrees to the right.
After that, orderly, the hill will move up, from the hill, a tree will grow up to a giant one. Cloud start flowing (loop).
Characters: From left to right, FooFoo and BooBoo playing seek and hide.(loop)
Finally, when the mouse touches the lollipop, petals will appear which are the menu.

Like the first main page, this page is started with an empty paper interface. From the three directions (shown as arrows in the wire frame). The three characters will run to the middle of the page. As they meet each other at a point, from the viewer’s point of view, the lollipop will fall down against them. After 3 seconds of sound effects, users can interact with the lollipop. Everytime the mouse touch the lollipop, the three characters will appear holding boards which are menu.

(*) Note:
Interaction can only applied after all the scene are ready.
Movements should have nice and fun style.

"Don't Click It" website

Phuong Anh has posted an entry about a cool website, named "Don't Click It". You can only use mouse moving instead of mouse clicking when navigating in this website. Here is the link:

http://www.dontclick.it/

You can read more at Phuong Anh's blog.

Characters in 3 dimensions

There are our 3 dimensional views of the characters. It's kind of unfair when we drew more angles for KooKoo, but we think that she's more complex than the rest and she 'has to' fly, so the different views are neccessary! If you have any comments for them, please tell us! Thanks!