Cutscenes P1 [Planning, Production + Coding]

In the tutorial planning post, I mentioned the steps I undertook to develop the scene further. We wanted to have cutscenes that players could watch to bridge the gaps between different areas in the game, the tutorial, and the boss fight.

For the cutscenes, I asked Josh to write the dialogue for both scenes, as he is the world designer. Before I sent the documents to him, I created animation directions and scene changes to aid me and him in the creative process.


Production

For each scene, they both followed the same process. I began by creating new scenes and labelling them accordingly, and added them to the build scenes, in the correct order.

I also set up the canvas for the dialogue and other effects I want in the cutscene. I also made a timeline to hold the keyframes for the cutscene animations and followed that practice for production.

I then added whatever assets I needed to produce the cutscenes with to each and keyframed them to perform how I envisioned them.

For the keyframes where the characters are speaking, I wanted a visual to show them speaking and who specifically it was coming from. Therefore, I created three different versions of reaction bubbles I could use: exclamation, questioning and normal speech.

Coding

First, I made a script that would automatically change the cutscene to the next scene after the duration of the animation played. I also made a way to skip the cutscene for players who are replaying. It uses the input of the E key to load the next scene. I also created an image to show that the option is available to them.


Final Results

The final results can be seen within the game file, as it is too large to upload to WordPress. However, I am really proud of how they turned out, so please look for it when you play!