Baku dream eater video walkthrough

This is the video walkthrough of my final year project.

Comments from guests:

-Storyline too long. 

-Sound is too monotone

-Concern about the resolution

My refinement during the short holiday on March until April:

-Refine graphics 

-shorten the storyline, brings the essence in each of the chapters

-Refine animations

-Edit sound into more dramatic 

-Refine propectus 

Sem AB Week 11 consultation

Consultation 8(Tuesday, 27/1/15)

I have skipped few tutorials because I was busy on debugging and refining my graphics. However, this is the last consultation in this semester.

Tutor: Chuan Zui

I have shown the artefact walk-through to Zui. Zui agreed with me the font can be slightly bigger. He suggested I can either have header above the panels to let user look back for the chapters or cropped the panel and zoom into full screen. I think I should make a header in each of the page to have a better navigation for user. He suggested to put an back arrow for user to view back the previous page, and blurring the panel's edge to represent dreamy if I have more time.

Next execution is to craft all the instruction in the artefacts.

Consultation 9(Friday, 30/1/15)

Tutor : Kelvin

Some minor bugs on the monster interaction. The codes that I found does not work perfectly. What I want to achieve in this interaction page is when user click on the monster and it throws stone to the monster.

What Kelvin suggests, is making the stone in GIF to animate and random the array onclick. I will try to continue search for the code and apply in.

Storyline correction from Kristy

I have asked one of my friends from GD class Kristy, who was very good in English to help me in correcting the storyline in my final year project. She was trying to help me to reduce the text and correct the grammar of the sentence.


Before:

After:

There are a lot of refinements , very appreciate that she is willing to help.

Problem solved: Error of viewing HTML in Google Chrome

I have tried different ways on solving this problem. I heard my classmate using Xampp to run her project so I also give it a try. Finally it works on displaying my exported HTML file from Muse in Google Chrome browser! Xampp is a software that run a virtual host website in desktop. It's very useful and smooth. I will run this software during my exhibition without any internet connection and it performed lag less to load my graphics. 

Alpha Test with Level 4 Juniors

Today, I am glad to have Level 4 Juniors to give feedbacks on my final project. As their feedbacks are the most pure and accurate response on this project. I haven't managed to show all chapters(total 3) to them because I was spending most of the time on debugging the technical part in chapter 1 and 2. But I was surprised that most of the testers understand my story without the final chapters when I got the alpha test feedback forms.

The alpha test took around 2-3 hours. A total of 14 testers had tested on my project. I showed my artwork through my laptop. I left my tester to explore the narrative themselves without explaining the overall story and stood behind to observe them.

I have noted down the tester's behavior which I have summarized it below with screen captured images and what I should improve on it. ( I only picked the major issues to refine)

On the landing page, most of the testers have clicked the scrolls to enter the story. However, only one of them clicked the title to start. In this part, I will put some growing effects and animation on the scrolls to attract users to click on it at the first time.

There was some mistake on the instruction, it ran off the page, therefore some of the tester found the instruction too small and out of position. In this part, I will enlarge the instruction or make it "scroll up or down" text bigger. 

When stories continue to the next page, there was lack of "mouse scroll" instruction. I found it should be consistent place in each of the panels that required mouse scroll for the user. 

The next button might appear too far away from the panel.

This is some other important issue and mistakes on the first panel in the Kabuki hall. I should remove the fade in effects because it confused user and they actually waiting some effects will appear.

Minor issues: the Kabuki dancer disappears after running the whole animation.

Another issue that, most of the testers clicks on the hand button first instead of clicking the umbrella. The idea is to show the umbrella is clickable so the umbrella rollover to make the Kabuki dancer fall down, but the hand button appears too obvious. In this part, I will remove the hand button and maintain the growing effects.

Some of the issues such as the font size are a bit too small, the length of the storyline is too long. I will enlarge the font size a little bit bigger and find a copywriter to help me to correct the sentences.

I am very satisfied because the over performance rate of this project from the testers was very good. Their feedbacks were very helpful. Most of them understand the narrative of the website and they are enjoying of sabotage people's dream. 

The next execution is to refine the issues that noted in above and continue working on the final chapter. 

Alpha test preparation questions

I have prepared 9 important alpha test questions for the coming Tuesday. Our juniors, the level 4 students will be coming in to test on our project, so that I prepare a simple and straight forwards question for them to fill in. 

Sem AB Week 8 consultation

Consultation 7(Friday, 9/1/15)

Tutor: Kelvin

I have shown the over story flow to Kelvin (Interaction page, chapter one and chapter two) and asked the problem that I currently facing it. Kelvin said the problem can be solved if I upload the whole files into the server.

The problem is solved once I upload to server, but however, it is not a good way to display my project through online as the internet might not stable during the exhibition day.  I might need to figure out another way to solve this problem.

Other comment from Kelvin was the graphics of chapter one need to refine and should be more consistent on all the pages and all the chapter. I might not have enough time for me ,but I should focus more on my technical area from now.

External Guest Feedbacks - Benedict Tan

Another special guest, Benedict Tan visited us on today. Today I managed to show him the first chapter and second chapter with full interaction. He was surprised on my project because he has never seen this before. He suggested the chapters of my story should have some interesting transitions to let users know they are entering into the dream. His other comment is to put more dreamy effects into the edge of the panels to represent dream. I have asked him whether the fonts are readable and should it be a problem, his comments are the font size are fine but should reduce the word length.

My execution after this is to prepare the alpha test questions and refined some of the scenes in chapter 1 and chapter 2. I found out my story lack of instruction as it is very important for user testing. I will continue figuring out the problems of displaying my project with Google Chrome browser which the big issue that currently I am worried. I will reflect on what Benedict suggestions if I have the extra time to allow me to change.

Digitize Progress (Chapter 1)

Finally, I have done all the digitize for my final project, the next step is to put interaction and trouble shooting the coding.