naniiithe-blog
naniiithe-blog
IAT313 Process blog
8 posts
Don't wanna be here? Send us removal request.
naniiithe-blog ¡ 7 years ago
Text
Deliverable 8: Prototype
Title: Intruder
Please see project here: https://video.helloeko.com/v/Vky3Zz?autoplay=true
References can be found here for the background sound!
0 notes
naniiithe-blog ¡ 7 years ago
Text
Deliverable #7 - Storyboard
Below are our storyboard panels for each of our scenes. Reference the below flowchart in order to follow along due to it being an interactive narrative.
Flowchart (big version) can be found here.
Tumblr media
Storyboard Panels:
Scene 1:
Tumblr media
Scene 2:
Tumblr media
Scene 3:
Tumblr media
Scene 5: 
Tumblr media
Scene 6:
Tumblr media Tumblr media Tumblr media Tumblr media
Scene 7:
Tumblr media Tumblr media Tumblr media
Scene 8:
Tumblr media
Scene 9:
Tumblr media
Scene 10:
Tumblr media
Scene 11:
Tumblr media Tumblr media Tumblr media Tumblr media
Scene 12:
Ending A:
Tumblr media Tumblr media
Ending B:
Tumblr media
Ending C: 
Tumblr media
0 notes
naniiithe-blog ¡ 7 years ago
Text
Deliverable #6 - Concept Art
The first concept art is based off of our actor for Levi, the intruder.
Original Levi:
Tumblr media
Updated Concept Art:
Tumblr media
The second concept art is based off of our actor for Rachel, the young female
Original Rachel:
Tumblr media
Updated Concept Art:
Tumblr media
0 notes
naniiithe-blog ¡ 7 years ago
Text
Deliverable #5 - Narrative Flowchart
Below is our flowchart after modifying the story! In order to view it in full resolution, you can find our PDF here.
Tumblr media
0 notes
naniiithe-blog ¡ 7 years ago
Text
Deliverable #4 - Script
In order to understand our narrative, please reference the below flowchart! The flowchart is also linked here.
Tumblr media
We decided to go with the assignment’s recommendation and used Google Drive and a combination of docs and links.
The script will start here at this link: Click me!
The entire folder will be linked here: Click me!
0 notes
naniiithe-blog ¡ 7 years ago
Text
Deliverable #3 - Design Document
Due to the size of this document, it is much easier to read the full report with a table of contents. Please download the full PDF here.
Our Characters
Tumblr media
Rachel is a baker working from home who owns a freelance business on the side. Recently their business has been gaining popularity and needs to respond to an unusual order. Rachel is a female, 24 years old, is gullible, naive, bubbly/outgoing, cheery, and lives by herself.
Tumblr media
Anabelle is the dark and loomy neighbour who has some strange hobbies. She is indifferent towards Rachel and does not like nor dislike her because they are worlds apart. Anabelle is a female, 23 years old, and is dark, quiet, judgemental, and strange.
Tumblr media
Levi is a wanted delinquent who mysteriously places an order for a cake. Their intentions are unknown but since they offer good payment for Rachel’s custom cakes, she has no choice but to accept. Levi is a male, 21 years old, and is wired, paranoid, a shut-in, keeps to himself, on-edge, and tweaky. We also do not know where he lives.
Options Interface
Tumblr media
Above is an example of how we plan to present the options to the player. It will be similar on each video still we provide in this document and the colors will correspond with the current feel and mood of the narrative.
SCENE BREAKDOWNS REFERENCE CHART
Tumblr media
Scene 1: Rachel gets a call from Levi requesting a cake order.
Access: User presses begin story and is brought to this video introduction.
Prologue: “Your name is Rachel. You’re a 24 year old who lives on their own and you run a baking business as your main income. You’re the best in town and very popular. Speaking of popular, there’s the phone. You better answer that.”
Display: The user will be inside Rachel’s home and experience her perspective. Other than the natural home sounds and ambience, the main audio will be
Page Description: User is introduced to a short video introduction that gives the background of Rachel, her work and who she is as a character. The video leaves the player at the moment that Levi is about to place an order.
Story Interactions: No real interactivity in beginning in order to set the tone. Towards the end, there will be a choice to either accept the phone order or not. Both options will inevitably lead to Rachel accepting the order.
Tumblr media
Scene 2: Rachel gets persuaded by Levi to take the order and begins to gather her ingredients.
Access: This scene follows the phone call with Levi and Rachel is begins preparing the ingredients. She heads over to the kitchen to pull out everything that she needs.
Prologue: “A new order has been placed! Rachel heads over to her kitchen in order to begin prep for the cake.”
Display: User will move from their phone into the kitchen with no interactive elements during this time. Upbeat, happy music as Rachel prepares to start baking
Page Description: Rachel will move from the phone call towards the kitchen. The camera will move around from the pantry to pull out flour, towards the fridge to find the milk, eggs, and butter, and finally to the cabinets where Rachel will pull out the whisk, spoon, and bowl.
Story Interactions: No interactivity as Rachel begins to pull out the ingredients to begin baking. Everything will be done in a continuous scene in order to set up for the next plot point.
Tumblr media Tumblr media
Scene 3: Rachel realizes she is missing some ingredients.
Access: Rachel finishes gathering all of the ingredients and begins prep for baking. This plot point continues on from the previous scene and there is no interaction with the user at this point.
Prologue: “Rachel is ready to start baking, but what’s this... she is missing some ingredients, oh no!”
Display: The scene will all be within the kitchen and be of a continuation of the previous one visually. The natural home sounds and ambiance will continue. The slightly happy-toned music will change to an alarmed tone when Rachel discovers she is out of certain ingredients.
Page Description: User continues with the preparation of the cake ingredients. They will realize that they do not have everything that they need. At this point, they are given the option to proceed in a few different ways, and this is where the story begins to be truly interactive and the outcome dependant on the user’s actions.
Story Interactions: There are 3 different options at the end of discovering the lack of ingredients. The 3 options are: go to the store, proceed anyways, ask the neighbour for some ingredients.
Tumblr media
Scene 5 - neighbor: Arrive to neighbor’s house to grab the ingredients. Anabelle asks if Rachel wants to play ouija or video games.
Access: The player is brought to this scene if they chose the option “Go To Neighbor’s” from the previous scene, which is when Rachel realizes that she is missing some ingredients.
Prologue: “Rachel starts heading towards her neighbor’s house. She knows there’s a solid chance she’ll be asked to participate in whatever weird thing Annabelle is into nowadays but she always has the ingredients she needs.”
Display: A shot of Rachel’s POV walking across the neighborhood while the prologue plays giving the player some information on the option they chose and the background information that is relevant to the story.
Once Rachel arrives to the house, Anabelle will interact with her at the door. Anabelle will give the player 3 options to select from and they will appear on screen as “Play with ouija, Play with vida, or No Thanks”.
Page Description: The player will be given the choice to either explore something spooky, play video games, or decline the offer and just borrow the ingredients. This will be a vital part of the story as the storylines will go into very different branches from this choice.
Scene 6 - store: Rachel starts walking to the store. She sees a vendor.
Access: The player is brought to this scene if they chose the option “Go to store” from the previous scene, which is when Rachel realizes that she is missing some ingredients.
Prologue: “Rachel walks to the store but is stopped in her tracks by a tempting vendor.”
Display: Static shot of Rachel walking along the sidewalk towards the grocery store, with the shady vendor very obviously sitting a bit removed from the busier areas. She stops and notices the vendor.
Page Description: Rachel will listen see the vendor’s prices. The viewer is given the option to purchase from this seller, or move on and go to the store (as originally planned).
Story Interaction: The viewer will be left with a conflict. Save some money and purchase from this shady vendor? Or go to the grocery store and buy more ingredients, spending way more money. Rachel’s character isn’t necessarily poor, but her personality hints that she wants to save.
Audio:
Sound effects - footsteps
Background - street ambience
Tumblr media Tumblr media
Scene 7 - proceed: Rachel starts baking.
Access: There are 3 different routes that lead to this scene: Coming back from the neighbours, proceeding without getting more ingredients, and coming back from the store.
Prologue: “Great, now it is finally time for Rachel to begin baking!”
Display: The scene will all be within the kitchen and be stylistically a continuation of the early ingredient gathering within the kitchen scenes. The natural home sounds and ambience will come back.
Page Description: There are multiple different routes that lead back into Rachel baking again. She can ignore the need of more ingredients, come home from Anabelle’s house, or come back from the store with the proper ingredients. As Rachel bakes, there will be occurrences dependant on which route was taken. If she went to Anabelle’s or the proper store, the cake will turn out fine. If she ignores the ingredients, the cake will be a disaster. If she purchases from a shady vendor, she will finish the cake, eat it, and end up hig. Finally, if wrong steps are taken while baking, the cake will be screwed up.
Story Interactions: During the baking process, there will be prompts on the order of steps the user will take, if they are incorrect the cake will be ruined. Correct steps will cause her to keep in line with the story path taken. If the cake is successfully made, there will be a prompt to go deliver it. If supplies were bought from the shady vendor, Rachel will be prompted to eat the cake.
Tumblr media Tumblr media
Scene 8 - Ouija board: They end up playing with the ouija board and spells out G H O S T.
Access: The player is brought to this scene if they select “Play with ouija” from the scene where Annabelle asks Rachel if she wants to “Play with ouija, or Play with vida”.
Prologue: “Rachel, intrigued by the random offer of ouija and paranormal, decides to take Annabelle up on the offer. It’s all just make believe stuff anyways right? It’s the least Rachel can do to entertain her friend that’s nice enough to offer to lend some of the ingredients she needs!”
“Some time go on, and Annabelle and Rachel start to get really into the ouija board.”
“The letters start connecting, G, H, O, S, T. It spells ghost! Rachel and Annabelle suddenly look at each other.”
“What should Rachel do? Wait a couple minutes to see if anything will happen, or just go home?”
Display: A video scene will play out of the above prologue. Upon the last piece of prologue/dialogue, the player will be shown on the screen the following options:
Wait a couple minutes.
Go home.
Page Description: The player has decided to play with the ouija board with Annabelle. They will be shown shots of them interacting with the board. There will then be jump cuts to each letter in the word GHOST, with the final shot being the camera panning up to an Annabelle, waiting for the player to select an option.
Story Interaction: The player will be given the opportunity to interact with the story at the end of the scene, where they will select the options outlined in “Display” above. Clicking on an option will play the respective scene.
Audio: Spooky music and creepy ambience. Screeching sound effects when each letter is spelled out.
Tumblr media
Scene 9 - video games - They end up playing video games. It gets late and Rachel realizes she has to go home to finish the cake.
Access: The player gains access to this scene by selecting “Play with video games” from the scene where Annabelle asks Rachel if she wants to “Play with ouija, or Play with vida”.
Prologue: “Sure why not, Rachel says. What’s a little video games, plus she’s nice enough to lend some of her ingredients, right?”
Later on…
“Oh! Rachel realizes it’s getting late. She says her goodbyes and goes home to start on the cake.”
Display: The player will only see a video playing out the scene that they have selected. There will be nothing on the screen for them to select.
Page Description: The player has selected to play video games with Annabelle. The scene will play out with some scenes of them having some fun with video games. The shots will progressively get either darker to simulate time of day, or a clock in the background will show that a lot of time is passing by to justify the second line of prologue. Rachel will then excuse herself and leave.
Story Interaction: There will be no interaction once they have selected to play video games with Annabelle. A video scene will play out and they will be directed to the next scene.
Audio: Fast pace “gotta go fast” type music that relates to videogames.
Scene 10 - no thanks: Rachel thanks Anabelle for the ingredients and goes home.
Access: The player reaches this scene from declining (“No thanks” option) Anabelle’s offer to play video games or with the ouija board.
Prologue: “Anabelle points towards her game collection and offers Rachel to join her for a quick round or two. Or if she’s curious, the two could pull out the ouija board. Rachel decides she needs to focus on her order and thanks Anabelle for the ingredients and heads home.
Anabelle’s pile of games.”
Page Description: This scene is the result of already selecting “No thanks”. The viewer does not interact with this scene but watches Rachel head home. In the screen before this one, Rachel arrives at her neighbour’s house and is presented with three options: “Play with ouija”, “play with video games”, and “no thanks”.
Story Interaction: The viewer does not interact with this scene. It carries them into the next scene where Rachel starts baking.
Audio:
Background - room ambience
Dialogue - Rachel, Anabelle
Scene 11 - store: Rachel arrives at the store and purchases what she needs.
Access: This scene follows “Rachel walking towards the store and sees a vendor”. The viewer is given the choice to either “Buy from the vendor” or “Go to the store”. “Go to the store” brings the viewer to this scene.
Prologue: “Rachel walks into the store and heads straight for the refrigerator area. She grabs what she needs and quickly heads home.”
Page Description: The viewer choose to go to the store, quickly picks up the missing ingredients from the shelf. She checks out. Then we then cut to the next scene where Rachel starts baking.
Story Interaction: The viewer can choose “Buy from vendor” or “Go to the store” prior to this scene. Going to the store unlocks this scene.
Audio:
Sound effects - footsteps, box shuffling, shopping cart
Background - store ambience, checkout noises
Dialogue - Rachel
Tumblr media Tumblr media
Scene 12 - store finish: Finish cake and drop it off at Levi’s sketchy location.
Access: This scene follows after “Rachel starts baking”. It is the “good ending”. Meaning everything goes as planned and the customer receives their order.
Prologue: “Rachel quickly looks through her car windows and decides the coast is clear. She hurries off to the meeting spot and completes the transaction with Levi. A wanted criminal in the area.”
Page Description: The viewer is not given any options. Instead they watch the “good ending” unfold. Leading to the final scene “Levi is happy with the cake”.
Audio:
Sound effects - footsteps, bag rustling
Background - street ambience
Dialogue - Rachel
Tumblr media
Scene 13 - vendor finish: If purchased from the vendor, Rachel finishes the cake
Access: After finishing baking the cake, Rachel finds herself interested in trying the cake.
Prologue: “Something is special about this cake, there is an aura around it that Rachel has never felt before with any of the cakes she has baked...”
Display: Rachel will be interested in trying the cake, eyeing it as though something is different. She will then end up eating the cake and begin to feel high. The cameras will capture her change in mood as she eats the cake. The natural home sounds and ambiance will continue. Soft music in the background will become trance-like.
Page Description: The cake ends up finished, and Rachel is intrigued by its “aura”. She ends up trying it against her best interest because she did use some peculiar ingredients. The cake still tastes amazing and it ends up leaving Rachel high.
Story Interactions: There will be options on whether Rachel will try the cake or not, however either choice will ultimately lead her to eating the cake, just with different dialogue and a slightly different story depending on the options the user chooses.
Scene 14 - no finish: Cake is a disaster because Rachel uses the wrong steps to make the cake.
Access: In this scene, it follows everything that could go wrong. It is the scene that comes after “Rachel starts baking”.
Prologue: “Rachel expected the cake to be beautiful like her other cakes. She was so confident in her skills. She opens the oven to find a burnt mess of a cake. She is ashamed and doesn’t know what to do about Levi. The last thing she wants to do is make a criminal angry.”
Page Description: The viewer is not given any options. Instead they finish watching the “bad ending”. Where everything goes wrong and Rachel completely messed up the steps to finish a nice cake.
Audio:
Sound effects - Fire alarm, oven door, plats
Background - home ambience
Dialogue - Rachel
Scene 15 - happy: Levi is happy with the cake.
Access: This scene follows “Finish cake and drop it off at Levi’s sketchy location”.
Prologue: “Rachel is received that her cake brought joy to someone else’s life. Even if they’re a wanted criminal.
Page Description: The viewer is not given any options. Instead they watch the “good ending” unfold. It is the happy ending where everything goes right with the cake.
Audio:
Sound effects - bag rustling, car door, car pulling up
Background - street ambience
Dialogue - Rachel, Levi
Tumblr media
Scene 16 - high: Rachel taste tests the cake and ends up getting high. She decides to go to Anabelle’s and see what she’s up to.
Access: This scene results in Rachel finishing the cake.The cake itself seems fine and nothing is out of the ordinary but it turns out that the ingredients purchased from the vendor were laced with illegal substances. Rachel gets high.
Prologue: “Rachel is a very wholesome well-behaved girl. Always the favourite among her siblings. The last thing she expected was to be getting high off a cake she made herself.”
Page Description: The viewer is not given any options. Instead they watch the “good ending” unfold. It is the happy ending where everything goes right with the cake.
Audio:
Background - warped sound effects
Dialogue - Rachel, Anabelle
Scene 17 - chill: Rachel loses track of time and ends up not delivering the cake.
Access: After getting high, if the user chooses to chill at home, they will end up with this ending.
Prologue: “Slowly and gently, Rachel’s mind begins to drift away. She takes a seat on the couch and zones out.”
Display: Clock will show passing of time, Rachel will be in a psychedelic state and begin to pass out on the couch. The entire visual will feel “wavy/groovy” as it fades out to an ending. All noises will seem muffled and slow-mo within the background. Phone ringing is ignored.
Page Description: The cake ends up leaving Rachel high and she is now in a trance-like state. She neglects putting things away, she ignores the phone calls. She just munches away on the cake and begins to drift off on the couch, not doing anything in particular.
Story Interactions: There will be options for the user to continue working and ignore eating the cake, but slowly Rachel becomes more unresponsive now ignoring the user’s input. All options at this point will lead to the same result and Rachel will completely ignore when user tries to select finishing the cake or delivering it.
Story Interaction: Expanding from the page description, the player will interact directly with Annabelle only in this scene. She will have a conversation with Annabelle explaining she’s there for ingredients (player to watch, not interact), and then Annabelle will give the player three options. This is where the player will be given the chance to interact with Annabelle directly through selecting one of the choices.
Audio: Simple jingle song while making decision. Something neutral that isn’t overly happy or spooky. Give the player a sense of pleasantness.
Scene 18 - wait: Ghost kills her then and there.
Access: The player is brought to this scene if they select “Wait a couple minutes” from the scene after the ouija board spells out “GHOST”.
Prologue: “Rachel decides to stay and wait a couple minutes. Rachel and Annabelle both look at each other and there’s a silence in the air. Neither of them has a word to say. They just stare at the ouija board together.”
“Then suddenly, a ghost appears out of nowhere behind Rachel and in the blink of an eye Rachel is dragged away.”
Display: The player is shown a POV shot of Rachel looking at Anabelle before the ghost appears and Rachel is suddenly carried away.
Page Description: This scene will be the final scene since the player’s choice to wait a couple minutes and will be one of the four endings. The player decides to wait a couple minutes to see how it pans out. A POV shot will be used and the camera will change focus from the ouija board to Annabelle’s face. The camera will then begin to sway back and forth to emphasize that something isn’t right. The camera will then be completely still and focused on Annabelle. Annabelle does a very small smirk. Suddenly the camera falls back and is dragged across the floor with a smoke trail being shown to portray the ghost that they summoned using the ouija board. The story ends with Rachel dying.
Story Interaction: The player will be shown a video scene showing the result of their final option. The only interaction the player will be given is a final button saying “You died.” which will then bring them to the starting page of the narrative story.
Audio: Fast pace doom music. Dead silence before they’re killed.
Tumblr media Tumblr media
Scene 19 - go home: Rachel goes home because nothing is happening.
Access: The player is brought to this scene if they select “Go home” from the scene after the ouija board spells out “GHOST”.
Prologue: “Rachel decides to just go home. That’s enough spooky things for her for one day. Besides, she needs to finish this cake for someone as equally spooky.”
“Rachel says her goodbyes to Annabelle and heads out towards her house. It seems to have gotten colder and a quick breeze goes by Rachel’s head. Rachel suddenly realizes she doesn’t have much time so she begins to pick up the pace.”
Display: The player will only be shown a video of the scene playing out. They will not have any foreground elements to interact with.
Page Description: This is the scene where the player decides that they don’t want to continue with the ouija board and decide to go back to the main timeline to complete the cake. They will not be given the option to interact with the story any longer as they have chosen their final option. The story will pan out based on the previous choices they selected and the ending will be played in next two scenes of the narrative story.
Story Interaction: The player will not be able to interact with the narrative story at this point of the timeline.
Audio: No audio effects here. Just silence to give a sense of mystery.
Scene 20 - paranormal activity: Rachel starts baking the cake. Weird stuff starts.
Access: The player is given access to this scene from the previous scene, which is when Rachel starts heading home after playing with the ouija board.
Prologue: “Rachel goes about her baking. Everything starts out normal, but then some weird stuff happens. Some of the things she's putting down are suddenly not in the same spot she left them.”
“Was that a footstep she heard? Suddenly weird noises start happening. Rachel starts feeling uneasy and starts to get flashbacks to the ouija board.”
Display: The player will only be shown a video of the scene playing out. They will not have any foreground elements to interact with.
Page Description: This scene will start off calm and normal. The player will think they have continued back onto the main timeline and are finishing the cake up for Levi. Weird things will start happening, such as ingredients she puts down will suddenly not be there when the camera pans back to the same spot. Random spooky noises will start playing, and Rachel will react to each one. The camera POV will start moving faster and will begin to shake, portraying that Rachel is starting to become more nervous. This will also help build suspense and immerse the player more into the story.
Story Interaction: The player will not be able to interact with the narrative story at this point of the timeline.
Audio: Eerie music that goes faster and faster. Starts out slow. Sudden deep drums banging when something happens.
Scene 21 - home kill: The ghost kills her at home.
Access: The player is given access to this scene from the previous scene, which is when Rachel has returned home after playing with the ouija board and weird things start happening.
Prologue: “Rachel begins panicking. Is she hallucinating? Maybe she’s tired? She swears what she’s hearing is real though.”
Display: The player will only be shown a video of the scene playing out. They will not have any foreground elements to interact with.
Page Description: This scene will be the final scene since the player’s choice to go home after the ouija board and will be one of the four endings. Following the scene with all the spooky things start happening, the camera will suddenly pan back and forth. The camera will then be still and focused straight ahead. Suddenly the camera falls back and is dragged across the floor with a smoke trail being shown to portray the ghost that they previously summoned using the ouija board. The ghost ended up following Rachel home. The story ends with Rachel dying.
Story Interaction: The player will be shown a video scene showing the result of their final option. The only interaction the player will be given is a final button saying “You died.” which will then bring them to the starting page of the narrative story.
Audio: Dead silence until the ghost drags her away. Banging drum noises until “The End”.
Tumblr media Tumblr media
0 notes
naniiithe-blog ¡ 7 years ago
Text
Deliverable #2 - Story Bible
Title: Baker
Logline:  A cheerful freelance baker gets a sudden order from a mysterious delinquent for a cake. The order needs to be delivered the next day and promises generous pay, but why does a shady character need a custom cake from someone so cheerful?
Character Bios:
Tumblr media Tumblr media Tumblr media Tumblr media
Character Relationships, interactions and conflicts:
Rachel + Neighbor:  Rachel and Anabelle have known each other since Rachel moved into the neighborhood. Anabelle tends to persuade her into doing random things that Anabelle recently hears about. When Rachel is out of supplies, she will sometimes go to Anabelle’s house to see if they have any ingredients/supplies that she can borrow. 
Rachel + Levi: Business to customer relationship. Levi heard about Rachel through one of her online advertisements and is interested in having a cake made by her.Main plot lines of development (the multilinear design)
World Building: 
Magic (ouija boards, ghosts, and paranormal)
Trades (baking/cooking services)
Cultures (pop culture including metal/emo)
Main plot lines of development (our multilinear design):
Tumblr media
Full PDF of multilinear narrative design available here.
Locations and descriptions:
Tumblr media
Bridge/sketchy street:  A dark and sketchy location in the middle of nowhere where the customer wants Rachel to drop off the cake.
Kitchen:  The kitchen is located in Rachel’s home where she runs and operates her freelance business. All of the cooking and preparation is done in this location.
Street Vendor:  A pop up table on the side of the street operated by a single person. This vendor sells random items including baking supplies that is cheaper than the supermarket. This vendor is located between Rachel’s home and the supermarket.
Neighbor’s House:  An old friend and neighbor who Rachel is good friends with that is also into cooking. They lend each other supplies and ingredients here and there.
Supermarket:  A next door neighborhood market where Rachel will go to to pick up any ingredients she needs in order to fulfill her orders.
0 notes
naniiithe-blog ¡ 7 years ago
Text
Deliverable #1: Concept document
Baker
An interactive and visually driven storyline that let’s users digitally bake a cake. The result of their actions can be beautiful, hilarious, or surprising in different ways.
first-person 
photo collage style
baking 
visually driven
Medium and sources
Our project will be hosted on web. Created using Eko, an interactive storytelling creation platform. Implementing a photo collage art style, using graphics from online royalty free and creative commons websites. The music and soundtrack files will be gathered online. The sound effects will be sourced using a mixture from online resources and original recordings. Lastly, all written copy will be taken care of by the team.
Tumblr media
Concept
The concept of the story is a journey where the user follows a recipe to bake a cake. The user can observe and watch the scenes take place. Along the storyline they are prompted with different decisions. Each choice which will directly change the narrative based on what they decide to do. The narrative is carried out in a first-person point of view. Further connecting the user to the actions taking place. We want them to feel accountable for the actions taking place.
Under consideration
Our team has discussed filming or animating an introduction scene and different ending scenes (beyond the final baking result of each story path) to expand on why the user is baking a cake. However, since we want our narrative to drive emotional responses using visual aspects, we are hesitant to introduce a storyline that takes away from the action of baking the cake.
Interactions
Narrative options
The video will take up the whole screen. At the end of each scene, users will be prompted to make selections that will drive the story. The interactions consist of reading and clicking buttons at the end of each scene that will lead them into the next. This process continues until the user reaches the end of the storyline. Revealing different endings, depending on which story path the user has taken.
Background and foreground elements
In order to promote exploration, background elements will be interactive which will visually compliment the main footage. The foreground will consist of more important elements such as the baking tools and ingredients. Users will interact with these elements using different input methods such as their keyboard and mouse by inputting words, keystrokes, and mouse clicks. Depending on which keys are pressed, or which options are selected, the background will animate.
Story structure
The narrative structure will be based on a binary tree where there are 3 levels. The first level will contain two nodes (two options) which will each branch out into two child nodes for the second level. The second level nodes (now four options) will have two of their own. This will result in eight different end scenarios where the user will be able to get a different variety of endings and is repeatable, but simple enough to keep the project within scope.
Tumblr media
Effecting the story
On each level, the decisions made will ultimately affect the final outcome of the recipe of whether or not it is successful, mediocre, or plain bad. For example, for the first two choices on the first level, they can choose to either wing it or go by the book. This will ultimately affect the next level as they will either continue with or without a recipe guide. Interacting with the background elements may affect which choices they choose on each decision level as the background elements can give helpful tips along the way.
Art Direction
Our team chose to go with a colourful approach to allow for more unique interactivity. We wanted to make the selections and changes during the process clear. The team felt that using colours to influence to mood and cuts during the story would be a fun way to keep the user visually engaged.
Colour inspiration and direction
Pantonesmoothies on Instagram
Tumblr media Tumblr media
Helananas on Instagram
Tumblr media
Krist Yu on YouTube
Tumblr media
0 notes