Pratice2-St Albans

[fengmingfang-practice2]

Target Audience

Date:12th Mar,2020

Aiming at the performance of the project, combining the needs of the current interactive narrative game and the audience's love, I have considered various aspects and set the target audience as the following.

First of all, only consider this topic, it is suitable for most people, because this is a significant event that is concerned all over the world, and it is also a thing that people have experienced. Nevertheless, because the overall tone of the game is sophisticated, with some sense of tension, my target crowd removed children under 13 and seniors over 50, focusing on people in the 13-50 age range.

Besides, judging from the current audience of games of the same type, older people have less contact with teenagers and much lower interest. Therefore, the target mass of this project will be positioned as a group of 13-30 years old, with more demand for the game. It also led me to make the game more animated, colourful and attractive enough. The setting of the plot will be a little more complicated, setting more options.

[fengmingfang-practice2]

Projected content display

Date:2nd Mar,2020

[fengmingfang-practice2]

Styleboard

Date:11th Mar,2020

Regarding the iPad drawing style in the picture, I tend to use a style similar to the previous two hand-drawn drawings, adopting the overall colour with a uniform hue but a brighter colour, creating a sense of story and attracting more experience. The last picture, as an example of an airplane at Heathrow Airport , can be used for my reference and practice. Of course, I will eventually present my unique style, conveying my personality and emotions in this project.

Brad Colbow, 2019. Procreate 5'S New Animation Features. [online video] Available at: <https://www.youtube.com/watch?v=oQMsFLa8TtQ&t=7s>.

Nikolai Lockertsen, 2014. iPad Drawing: "Spanish Airport" Time Lapse. [online video] Available at: <https://www.youtube.com/watch?v=n9gfpWfTzFY>.

Stefan Marjoram, 2019. Heathrow Airport Procreate Ipad Sketch. [online video] Available at: <https://www.youtube.com/watch?v=-Yh3STJ3Qd4>.

[fengmingfang-practice2]

Storyline

Date:10th Mar,2020

It is a complete storyline sorted out according to the actual situation, and of course, many details will be presented in the final project. It records all the unique and significant turning events in the four days of this journey. Converting them into different choices and branches will bring a strong sense of experience and tension to the experiencer. In the early stage of project creation, storyboards will be produced according to the storyline, and the overall style will be tested and determined.

In addition, the selection of the project will be adjusted according to certain user tests and surveys, so that the experiencer can have a higher degree of interest.

[fengmingfang-practice2]

Initial Idea

Date:9th Mar,2020

Technology

First, sort out and design the storyline, then use Ipad-Procreate to draw according to the storyboard, and then program in Twine to arrange the branch and end of the story. Then use CSS to make the final game into a web version or even a mobile version, which can be used by the experiencer to play through different media.

Adam Hammond, 2018. Make Your Twine 2.1 Game Look Awesome With CSS (Sugarcube 2). [online video] Available at: <https://www.youtube.com/watch?v=l-8dTwUVT2E>.

[fengmingfang-practice2]

Initial Idea

Date:8th Mar,2020

Theme and content

I temporarily named the work "Three Days" because of the combination of its theme. It mainly talks about the three-day thrilling trip I have personally experienced, to avoid COVID-19 temporarily. In response to COVID-19, a disease with close global attention, I have created such a unique and novel interactive narrative game.

In this game, the first-person perspective is used throughout the process, and different options are set in some screens for the experiencer to choose, which will eventually present different endings.

Mighty Coconut, 2019. 57° North. [online video] Available at: <https://mightycoconut.com/57north/>.

Mighty Coconut, 2019. Interactive Storytelling - Dionysium Presentation. [online video] Available at: <https://www.youtube.com/watch?v=0k9Zdrq2kzI&t=332s>.

[fengmingfang-practice2]

Idea3 - Interactive Narrative Game

Date:7th Mar,2020

Mainly use Ipad Procreate software to draw all the screens, and then program in Twine, set different options and jump pages and different endings, string it into a complete game. The content uses the four-day thrilling trip I have personally experienced, to avoid COVID-19 temporarily.

I finally chose this idea for development. The main reason is its particularity. The content is my personal experience, so it can intuitively convey emotion through the picture and different choices—a strong sense of substitution. At the same time, this core content is a topic that is very concerned all over the world this year-the COVID-19. I think every viewer who experiences my game will make different choices and resonate differently. It is a whole idea and plan.

Mighty Coconut, 2019. Interactive Storytelling - Intro To Twine. [online video] Available at: <https://www.youtube.com/watch?v=ZnARX2ToqYc&t=149s>.

[fengmingfang-practice2]

Idea2

Date:6th Mar,2020

Creating a device that use LED lights as a medium to cooperate with music, use Arduino to connect, collaborate with people's live dance or interaction.

The idea is rich and the rendering effect will be very good, which uses sensors to connect music and lights together, and there is also a combination of dance interaction. However, the form of live performance is more difficult to present this year. In addition, there are many works of this type, and it is difficult to be special and attract attention.

papersneaker, 2019. PLAYLOOP-Interactive Sound & Light Installation. [online video] Available at: <https://www.youtube.com/watch?v=qvQCBNEG-Rc>.

[fengmingfang-practice2]

Worhshop - Arduino

Date:1st Mar,2020

[fengmingfang-practice2]

User Engagement2

Date:29th Feb,2020

The combination of yellow and purple on the projection wall looks very retro and has a long history. With the magnetic voice of the judge in the video, it seems that he is going through the trial. The visitor was drinking coffee and looking at the heavy shadows produced by the central yellow light and was led by the story to watch the movie intently.

When he was about to eat the cake, he noticed the QR code on the table, and the following sign was "Please open your mobile phone and scan this barcode. You can get more information about our museum, welcome to browse." So he turned on the mobile phone scan function, recognized the QR code, and he entered the museum app.

The first thing that appeared in front of this visitor was a talking cartoon judge's image. This character has been appearing throughout the app. He guided the visitor to understand the history of the museum step by step. Unconsciously, it was time for the visitor to return home. He got up and left, and the app was still on his mobile phone. He thought it was fascinating, and he was planning to bring his family to visit.

[fengmingfang-practice2]

User Engagement

Date:28th Feb,2020

On a drizzling afternoon, the bustling crowds crossed the street. A visitor passed the St. Auburn Museum without an umbrella, thinking that there was a place to shelter from the rain. The visitor enters the hall from the gate of the St. Albans Museum. On the left side of the lobby is a souvenir shop. He briefly browsed and was warmed by the heat from the cafe on the right.

The scent of coffee and cake fluttered. This visitor went straight to the cafe and bought a cup of coffee with strawberry cake，then walked to the space in the centre, which is the courtroom.

The court looked a bit oppressed from the outside. When the visitor entered the courtroom, he looked around. Some older people were sitting together chatting, several men in bow tie typing on the keyboard in front of the computer, and some children standing in front of the projection wall watching intently.

He was first attracted by the cold yellow light in the centre of his head. The lampshade is covered with reflective material, giving a yellow shadow throughout the space, just like walking into the artwork, being shrouded in a very comfortable environment.

The visitor found a spot facing the judge's seat, placed coffee and cake on the table, and watched the projection ahead. A case related to two cats is projected on the wall. Retro colours and deep sounds are combined. With quiet music, he feels like he is on the scene.

[fengmingfang-practice2]

Target Audience

Date:27th Feb,2020

In response to the diversity of the target population and the age span, every aspect of my project design has been considered and studied.

 Projection design  Since there are already two places in the existing courtroom where a projector can be placed, and the digital media technology of simultaneous projection is suitable for all ages, I used the projection method. The content of its projection is also based on the actual cases that happened in this space in history, so it is in line with the needs of the museum so that the audience can learn more about the historical background of the museum. In addition, the colour design attracts audiences and is also suitable for target audiences of all ages. It is not so gorgeous and not rigid, as a way of watching an animated movie.

QR code  For young people, the QR code has become a popular way of expressing information at the moment. It is convenient, simple, and fast. People can use this or even browse the museum's information even after leaving the space. Nevertheless, for older people, they may not have been exposed to and understood this form. This is also an excellent way to expose older people to new technologies and try them out. Of course, they can also get information just by watching projection videos.

 Lighting Design  On the display page of the storyboard, I mentioned that the combination of the projected background stripe light bar design and the interior lighting would make the whole immersive experience strong enough to allow people to stay in this space and enjoy time quietly. The best is to be able to use some lampshades with reflective materials, which will be more productive and will surprise visitors.

[fengmingfang-practice2]

Styleboard & Color board

Date:26th Feb,2020

After doing some research and reference, I used a combination of hand-drawn style and stick-figure animation to create a sense of historical comics. The background uses a combination of striped light and indoor lighting to provide a sense of experience in the story. Besides, the primary colours selected are a combination of yellow and purple. As a set of contrast colours, they produce an absolute contrast in a picture, so that the bright contrast can be used to attract the audience's attention. Also, yellow is also the primary colour of the court scene, so it is more integrated.

The time tunnel opens and the film officially begins.

Judge begins trial of offender (who has 2 cats).

The content of the projection is divided into two sides, the perspective of the judge on the left and the perspective of the criminal on the right.

After fierce discussion, the judge ruled that one cat should be handed over to the court, and the other cat could be taken home and promised not to disturb the neighbors.

In the end, the prisoner shook hands with his neighbor and promised to take good care of his cat.

Color board

[fengmingfang-practice2]

Styleboard  

Date:25th Feb,2020

Referring to the historical events in the document and the examples of the pictures given, I thought about what style would be more suitable for the visitor as a projection content. The result is a hand-drawn style, and the overall retro-style feel is more in line with the charm of showing history to visitors, which is suitable for all ages. Besides, the dim film style and watercolour animation like the picture are also the types I think they can be borrowed.

1.Jessie Williams-Case Failure to comply with a nuisance notice concerning cats. [1944] (St Albans Courtroom), pp.St Albans Courtroom 1831-1967.

2.SKAZKA, 2014. Happy Time. Short Film. Watercolor Animation. [online video] Available at: <https://www.youtube.com/watch?v=AhSrBFFz8RU>.

3.GodsHand, 2006. Humorous Phases Of Funny Faces. [video] Available at: <https://www.youtube.com/watch?v=8dRe85cNXwg>.

[fengmingfang-practice2]

Storyboard

Date:24th Feb,2020

I named my project the time channel，which means that people have returned to a specific day in history through the retrogression of time, and witnessed the events that took place at the court scene. There is a magical but seemingly on-site experience. So I chose the document provided to the disturbing cat case of Jessie Williams in 1944.

 According to this selected event, I hand-drawn storyboards on the projected content and designed a particular scene for the approximate storyline. This is the projection content that people will see at the courtroom. Of course, this is just a scene design for this event. Other historically interesting, unusual or relevant events can also be selected, and the same plot design and video produced.

Jessie Williams-Case Failure to comply with a nuisance notice concerning cats. [1944] (St Albans Courtroom), pp.St Albans Courtroom 1831-1967.

[fengmingfang-practice2]

Idea 3

Date:23th Feb,2020

Using two projectors to project the middle wall, which contains a video of a court case in history, or a picture here.

2  Place the printed QR code on each table, and attach a logo to tell people how to use it. The content is an app that introduces the museum, with the same functions as the official website.

3  Set up a VR experience: Prepare VR headsets in two places in the space where people can stand, the content of which is the historical court scene, making the experiencer one of the audience.

This solution has the highest human, financial, and equipment requirements. It requires staff to help users wear VR headsets and pay attention to their safety issues. At the same time, in order to achieve this environment, it also needs to consume certain funds.

[fengmingfang-practice2]

Idea 2

Date:22th Feb,2020

1  Use two projectors to diagonally project the wall, excluding the wall in the middle. The content is a video of historical court cases or historic pictures. The style will quote Mr Chaplin's black-and-white movie with comedy.

2   Place the printed QR code on each table, and attach a logo to tell people how to use it. The content is an app that introduces the museum, with the same functions as the official website.

3  Lighting Design: Similar to idea 1 This projection method is unique and novel in style, but using this style has no direct connection with the St. Albans Museum and cannot be convinced. In addition, the two black and white colors do not project well in a bright room and cannot achieve the desired effect.