Conclusion and Analysis

This semester/project has actually gone really well for me and I’m extremely happy about my overall outcome.

I feel as though my timings and workflow have gone smoothly and I’ve managed to stay up to date almost continuously. Obviously there were some issues with personal deadlines and not receiving deliverables on time to be able to complete my work within my designated time frame, but luckily I was able to stay on track and work through it all as quickly as I could whilst still maintaining a high standard of work.

Overall I would say the team work proficiently together. there were a couple of set backs and a few times, as a team, we made mistakes but generally we worked well. whenever there was a problem someone else was able to come up with a solution. Individually everyone had their own strengths and weaknesses but combined we all helped support each-other.

As for my final outcomes for the game I have to say I’m really happy for myself. I had never made a Cut-scene before, let alone use Adobe After Effects and Premiere Pro but I think in the end it turned out well. I think if I could go back and change anything I would add more illustration and adjust the text to appear more realistic. UI wise I’m pretty happy with the results. The stamina bar is by far my favourite creation and although it was the most tedious it was also actually kinda fun to do.

This project, even with its ups and downs, has been one of my most successful whilst at University and it has given me a lot of confidence in myself when it comes to my work flow and style.

Advertisements

In-Game Dialogue – Edit

Colour code:

  • Blue ~ Triggers and timing.
  • Green ~ Character.
  • Red ~ character reaction (For dialogue box, i.e. happy, sad, ect.)

Section 1: Forest

Puzzle 1

(When Olga jumps on top of the log and Vasilisa can’t make it, triggers reaction)

(bored) Olga: “Whats the matter. Can’t you reach up here?”

(neutral) Vasilisa: “No… it’s ok, if (button) is pressed I can shrink down and walk through the log.”

(when player presses button to shrink triggers dialogue)

(Neutral) Olga: “I.. did not see that coming…”

(Happy) Vasilisa: *Happy humming*

Puzzle 2

(as Olga and Vasilisa approach the Boulder)

(Neutral) Vasilisa: “This is strange, how are we going to get past this?”

(Determined) Olga: “Don’t worry, I’ve got this. Press (Button) and I should be strong enough to activate this leaver.”

Puzzle 3:

(Olga and Vasilisa approach Ice wall)

(Sad) Vasilisa: “Oh… How are we going to get past this?”

(Determined) Olga: “I have an idea, hold (button) and I’ll break this wall down…”

(After wall breaks down)

(Determined) Olga: “Ha! That was easy…”

(Happy) Vasilisa: “Wow! That was amazing!”

Puzzle 4:

(reach overgrown area, cannot pass through)

(neutral) Vasilisa: “I think this is too overgrown to pass through…”

(Determined) Olga: “Ha! This is the easiest obstacle yet! It’s almost like it was made for me and my axes… press (button) and I’ll cut through it in no time.”

(Olga cuts through bushes to reveal tree stump blocking path)

(Neutral) Olga: “You can’t make it over that, can you?”

(Sad) Vasilisa: “No… I’m sorry.”

(Determined) Olga: “It’s alright, I’ve got an idea. I’ll lift you up and throw you over it by pressing (Button)”

(Scared) Vasilisa: “What! Nooo you can’t do that, it’s too scary.”

(Neutral) Olga: “You’ll be fine. Trust me.”

In-Game Dialogue

Colour code:

  • Blue ~ Triggers and timing.
  • Green ~ Character.
  • Red ~ character reaction (For dialogue box, i.e. happy, sad, ect.)

Section 1: Forest

Puzzle 1:

(As Olga and Vasilisa reach the frozen lake)

(neutral) Olga: “Hmm… I don’t think this lake is safe enough to walk over.”

(sad) Vasilisa: “Oh no, what are we going to do?”

(determined) Olga: “I’ve got this. If (button) is pressed I should be able to pull that log over it.”

(Once log is across the lake)

(determined) Olga: “alright! Now just to press (button) and we should be able to jump on top of the log.”

(When Olga jumps on top of the log and Vasilisa can’t make it, triggers reaction)

(bored) Olga: “Whats the matter. Can’t you reach up here?”

(neutral) Vasilisa: “No… it’s ok, if (button) is pressed I can shrink down and walk through the log.”

(when player presses button to shrink triggers dialogue)

(Neutral) Olga: “I.. did not see that coming…”

(Happy) Vasilisa: *Happy humming*

Puzzle 2:

(Olga and Vasilisa approach Ice wall)

(Sad) Vasilisa: “Oh… How are we going to get past this?”

(Determined) Olga: “I have an idea, hold (button) and I’ll break this wall down…”

(After wall breaks down)

(Determined) Olga: “Ha! That was easy…”

(Happy) Vasilisa: “Wow! That was amazing!”

Puzzle 3:

(reach overgrown area, cannot pass through)

(neutral) Vasilisa: “I think this is too overgrown to pass through…”

(Determined) Olga: “Ha! This is the easiest obstacle yet! It’s almost like it was made for me and my axes… press (button) and I’ll cut through it in no time.”

(Olga cuts through bushes to reveal tree stump blocking path)

(Neutral) Olga: “You can’t make it over that, can you?”

(Sad) Vasilisa: “No… I’m sorry.”

(Determined) Olga: “It’s alright, I’ve got an idea. I’ll lift you up and throw you over it by pressing (Button)”

(Scared) Vasilisa: “What! Nooo you can’t do that, it’s too scary.”

(Neutral) Olga: “You’ll be fine. Trust me.”

Section 2: Mining Town

Part 1:

(Olga and Vasilisa arrive at the mining village to find it frozen over and the people like statues, just like Olga found Otto.)

(Sad) Vasilisa: “What… what happened here? Why is everyone frozen?”

(Angry) Olga: “I don’t know. But we’re finding out as soon as we can. I need to know what… Who did this.”

(Sad) Vasilisa: “Olga? What’s wrong?”

(Angry) Olga: “Nothing. I’m fine. Let’s get moving, I don’t trust this place.”

Part 2:

(Whilst walking through another section of town)

(Neutral) Vasilisa: “why did we come here?”

(Neutral) Olga: “Because there was somewhere that would look after you, but now its gone.”

(Sad) Vasilisa: “but i want you to look after me Olga, you and Otto. You’re both so brave and strong.”

(Angry) Olga: “Look. There’s a reason we had to leave. Otto he had… he had been frozen solid… like the people of this town, and we need to find a way to fix him.”

(Sad) Vasilisa: “oh my, I’m so sorry Olga, I…”

(Bored) Olga: “That’s enough Vasilisa.”

Part 3:

(Whilst walking Olga and Vasilisa are confronted by the wizard king)

(Evil Laugh) Wizard King: “nyah-ahahaha so we meet at last precious little Vasilisa! It is I! Your greatest foe!”

(Neutral) Vasilisa: “who… who are you?”

(Fed up) Wizard king: “what.”

(Evil Laugh) Wizard king: “it is I! The all-mighty, all-powerful Wizard King who reins terror upon the land!”

(Neutral) Olga: “who?”

(Fed up) Wizard king: “really? The guy who decided a rumour about a magical little girl was enough reason to destroy a whole kingdom?”

(Scared) Vasilisa: “you! You’re the reason we had to leave my home! The reason I lost my parents…”

(Evil Laugh) Wizard King: “Nyah-hahahaha yes! It’s such a shame they disappeared, I wonder where they could have gone…”

(Bored) Olga: “wait… so you mean if you hadn’t of made her parents disappear, Otto would of never of found her and then he wouldn’t of been…”

(Smile) Wizard King: “Otto? Oh, you mean the blue haired fellow? yes such a shame he wouldn’t accept my offer… personally I thought it was a very fair deal. The girl in exchange for yours and his life, but no, sadly he had to resist and out up a fight.”

(Angry) Olga: “WHAT?! You’re the one who froze my brother?! Turn him back! Unfreeze him and you can have whatever you want, just bring him back!”

(Evil Laugh) Wizard King: “FOOLS! my powers can never be undone! once I freeze something it can never be unfrozen, that is why I am the great Wizard King! Nyeh-ehehe!”

(Scared) Vasilisa: “So… you mean all of these people… and Otto will never go back to normal?”

(Smile) Wizard King: “Correct little Vasilisa! Now if you would be a dear and come with me this can all end peacefully…”

(Angry) Olga: “Don’t go anywhere near him Vasilisa!”

(The ground gives away under Olga and Vasilisa’s feet, causing them the plummet into a abandoned mine shaft. The Wizard King remains where he is.)

(Fed Up) Wizard King: “…What.”

Section 3: Mine Shaft

Part 1:

(After Olga and Vasilisa land in the Mine Shaft)

(Angry) Olga: “We need to find a way out of here as quickly as possible. We are too vulnerable being trapped down here.”

(Neutral) Vasilisa: “R…Right.”

Part 2:

(Once Olga and Vasilisa activate the elevator.)

(Determined) Olga: “Alright! time to get out of here!”

(Happy) Vasilisa: “Yay! we did it!”

Character Selection Design

The character selection consists of 2 separate images. The way to distinguish between the characters, between active and de-active is by the colouring.  When de-active, the characters appear asleep and black and white, meaning the active versions stand out a lot more. When active the characters are colourised and look determined/happy.

The idea for actual in-game use is when the player presses the character select button, the images will appear at the top of the screen, allowing them to know which character they’ve selected.

To create, I got Charlie to draw some character portraits for me and then I imported it into photoshop. Once in Photoshop I dulled the sleeping portraits using the Black and White adjustment layer. I then adjusted the Saturation, Contrast, Brightness and size to make the portraits similar in colour and size. Next was the awake portraits, These didn’t need much adjustments and were just a case of sizing and adjusting.

Dialogue Box Design

Taking my idea forward from my research, I wanted to use my previous work to my advantage and reused my leather texture for the background for the dialogue boxes to add to the storybook feel. Me and Charlie decided this would suit the game best and link everything together nicely.

To design this I first started with blank rounded rectangles and then cut the shape out of a leather texture. I then duplicated that layer and adjusted the sizes so I had a space for the name. I dulled the brightness and contrast and then began working on extra details. I used the layer style menu to my advantage. I added a border, shadow and then a extra border on top. The final touch was to straighten one side of the dialogue box so I could apply the character avatars provided by Charlie.

The final steps were to carefully place the avatars and names and then flip the whole design to fit the Wizards avatar. Me and Charlie decided we wanted the hero avatar’s on the left and then the Villain’s on the right to create juxtaposition and to make it look like their conversing during the scene when they are all talking to each-other.

dialogue.png

Pause Menu Design

The pause screen is very simplistic in Design but works really nicely, as its a PNG it retains it original translucent form, allowing the level to be visible underneath.

I wanted the background to look frosted over and cold to fit with the theme of the game and I feel I achieved this really well.

The menu has a simplistic design as no other features were required for our vertical slice.

To show which option has been selected a swirl will appear by the option, being either Resume or Restart.

unselected

Pauserestart

Stamina Bar Design

The stamina bar was made on photoshop using a variety of tools. The main body is made up of preset shapes. The swirls I drew using the pen tool, the dot are just coloured circles and the snowflake is made up of layered brush strokes from a snowflake brush pack I downloaded. To colour the bar I first made a gradient going from light to dark blue. I then layered multiple different brushes over the top in greys and whites to make it look frosted and magical. “Stamina” is written in the same fonts I used for the cutscene. I added a faint grey background to give the illusion of it being slightly frost and to make it stand out even more from the level behind.

To create the smoothest possible animation I saved 1 PNG per 2 Pixels I deleted which  resorted in 280 PNGs but the final result was definitely worth it. The animation above is set to 1 PNG per 100 milliseconds.