From our previous final proposal, we have decided to make an interactive game based on a storyline. It is a story based on a student, Huderman who needs to try to do many solutions to make him manage his anger between his assignments and social life.

And we have added screenshots of our process while making this game. We have chosen to use a game making software called RPG maker mv which is suitable to make games using a storyline.

Here are the screenshots for our progress in making the game.

Before sharing how the game scenes look like, we include some main features that we need to create in order to design the game appearance.

This is the “New Event Page” before setting anything.

andreaviechoong.com

 

 

 

 

 

 

 

 

 

 

This is the “Edit Page” to create a scene/ map for a type of game scenario.

andreaviechoong.com

 

 

 

 

 

 

 

 

 

 

 

Before setting up the game settings, we need to create a main character for this whole game storyline. Here is the setting called “character generator” used for this.

andreaviechoong.com

 

 

 

 

 

 

 

 

 

 

This is the setting where we can set any anything relating to the main character of the game. In this case, our main character is Huderman.

andreaviechoong.com

 

 

 

 

 

 

 

 

 

Here is where we can create other characters in the game from the different options below. We can choose which direction of the character to face.

andreaviechoong.com

 

 

 

 

 

 

 

 

 

 

Here are the different types of decorations or components you can add to enhance the game appearance. This is an example of the components in SF inside tile se. (I still cannot figure out what the components in R column does… :-?)

The tileset mentioned above previously is created in this setting. Every tileset gives different components to add to the game scenes either outdoor or indoor.

andreaviechoong.com

 

 

 

 

 

 

 

 

 

 

 

Here is where we set the BGM (background music) for each scene in the game. We can adjust the volume, pitch and pan in order for the music to fit into the type of scene.

andreaviechoong.com

 

 

 

 

 

 

 

 

 

 

 

This is an example of how the conversation between the main character and another character is being set. This is a clear format to show the dialogues and expressions.

andreaviechoong.com

 

 

 

 

 

 

 

 

 

 

 

Here is where we added expressions to the characters in the game. We used a character tool called ” show balloon icon”. There are many options to choose which expression is suitable.

andreaviechoong.com

 

 

 

 

 

 

 

 

 

 

 

Here is where we can set any dialogues between characters using the first event column setting. The second column is where we can transfer the main character to a different scene in the game. And the third column, we used the “game over” tool to let the player know that he or she lost the game.

This is where we create a setting that could transfer the character to the choice of scene where the player has chosen. It is also found in the second column of the event page setting.

andreaviechoong.com

 

 

 

 

 

 

 

 

 

 

And here we have taken screenshots of each scene we have design to create storylines that will lead to either a good or a bad ending depending on the character’s choice.

Here is the game starting page.

andreaviechoong.com

But before the start of the game, we have include some instructions for the player to follow.

 

Screenshots for the introduction scene to portray the main storyline for this entire game objective.

 

Screenshots for  playground scene

The playground scene will lead to either:

Choice 1: Food Stall

Choice 2: Scold on social media

Screenshots for food stall scene

The food stall scene will only lead to library. It will be automatically transfer the player to the library scene.

Screenshots for library scene

The library scene will lead to either:

Choice 1: Sleep

Choice 2: Shout from the rooftop

Screenshots for sleeping scene

The sleeping scene will go to the shopping mall scene immediately as it is set to be automatically transfer the player there.

Screenshots for shout on rooftop scene

The rooftop scene will lead to either:

Choice 1: Go for a drive 

Choice 2: Go to a meditation centre

Screenshots for shopping mall scene

The shopping scene will lead to either:

Choice 1: Scold in the social media

Choice 2: Go to a meditation centre

Screenshots for scolding in the social media scene

The scolding in the social media scene will lead to either:

Choice 1: Go to a meditation centre

Choice 2: Go for a drive

This is the last scene for the good ending, meditation centre scene.

This shows that meditation is the strongest way to control your anger. Having inner peace in yourself calms away your anger inside of you. But in this centre, there are other ways to find peace by doing other calming activities.

The good ending above will end with a message to the player. It gives the player the knowledge on which route is better for people to relieve their anger.

This is the last scene for a bad ending, driving with speed on the road.

This means that going for a drive is not a good way to relieve your anger. Instead it makes it worse! It may cause you lose your anger and driving speed at the same time. It will lead to a greater problem like an accident.

The bad ending will simply lead to a “game over” for the player.

The “game over” has a sad funeral background music to enhance the accident caused by Huderman giving it a feeling of a bad ending.

andreaviechoong.com

This game software file can only be opened using Microsoft Edge: [Copy the link address below and paste it into Microsoft Edge URL tab]

Windows version:

file:///C:/Users/User/Desktop/Andrea/Windows%20version/Portions%20of%20Anger/www/index.html

Mac version:

file:///C:/Users/User/Desktop/Andrea/Mac%20version/Portions%20of%20Anger/Game.app/Contents/Resources/app.nw/index.html

If the link above does not work, copy this google drive link on any website and download the .rar file to your device. Extract the .rar files so that it can be access. Open the file “RPGMV”

*To run the game, go to Game and click Playtest or Ctrl+R*

https://drive.google.com/file/d/1al9Ws4H41ZfGlM_t8kFkcYgLWbDtOkE5/view?usp=sharing

And finally, we are done with our interactive game for our Contextual Studies final project! See the next blog post for my reflection!

Pin It on Pinterest

Share This