100% done

Since I have no idea what else to add in, I added the shadow of the character to make it look more real and more natural. I mean, who doesn't have a shadow when they are under the sun. Anyways, I just test out the final more including every single possible way of navigating and I tried to correct the errors. Finally I'm done with this experiential media. So here's the update of it,

I added this to emphasis the little girl saying goodbye as the children starts to go back home.

And… I put it there. It will blink so that it doesn't look still.

Meanwhile at the bottom is the scenes with the shadow on……

Check out my latest post for the conclusion of this project of the semester!

Almost there!

I added some extra "features"… I don't think that's what I could call it. Anyway, I added the hover for the navigation buttons. I also did the last scene in a shadow type to indicate that it's locked with a padlock in the middle (when hover it unlocks) but that page will not be revealed. I managed to fix the scene 3 children to go back to its original when the page is return, so the reader can play it again. A little more interaction or animation would be good for the story so I might add a little before I'm satisfied.

Here I created the shadow in Illustrator first before I import it into Edge.

This is how I rearrange it in Edge. I followed my previous proposal for the scene 6 and this is how it turned out to be.

To make it more "locked" I added in a padlock. I also did this in Illustrator and I added the yellow feather from Photoshop so that it will look more stable.

Locked

Unlock

Making all the arrows into symbol so that I can add in the hover color.

As usual, the overall of the latest tryout:

80% done!

I am finished for what I have proposed before and the interactive are working well already. Despite that, I felt that the interactive of the proposed story wasn't really good enough so the remaining 20% will be me searching for more ways to add it in. Other than that, the hide and seek for scene 3 only works once hence the audience wouldn't be able to play again that part. So, I will try to fix that so that the audience can play it anytime they enter the page.

And the final outcome is…..

Progression in tutorial class

In the class, I managed to continue where I last did the project from. I can do the scene 3 part which is when the reader read, it can change into different pose. This however, I couldn't do in the prototype before. 

So I currently have the problem with the scene 2, which it can't be continuous clicked. However, so far I just took out the girl whom is supposed to be at the scene before the user click on any play set.

A more detail prototype

So I stayed at all night to do this prototype that I have last left it. I added more of the remaining visuals and some of the button is functioning well already. I added most script and converting into symbols for the first scene and the second. The buttons in the second one was not functioning very well but it still works sometimes.

An extra piece of art for the navigating section.

I made the girl in scene 1 into a vector file by recreating it in Illustrator using the previous visual I have done before.

Scene 1

So here I added the title at the top and an arrow to navigate to the next scene.

I had the swing in three different part; the string, the metal piece and the girl.

Here I do the swing animation but it didn't turn out well and it is very obvious stretch in it.

The story in white and the instructions are in pinkish red. It is so that the reader can at least know what are they suppose to do in that particular scene.

So yeah, the buttons in the scene doesn't work very well yet and I'll try to fix that. For now this is how much it is added and scripted.

Prototype with visuals

So I added the visuals into the prototype to see how it will look like. It turned out that my visuals are smaller than I imagine in the final look. However, I did a little stretch (which I'm not supposed to) on the visuals so that it fits to the stage size. I do think it's better if it's a little stretch, if not it will be a lot of empty spaces.

scene 1

scene 2

                                                                           scene 3

scene 4

scene 1 updated

scene 2 updated

scene 3 updated

scene 4 updated

scene 5 updated

This is the code where I can play a symbol label from stage.

My current progress:

For the slide's button animation works but I would like to do more adjustment on that… It looks a little unnatural when the girl slides down….