Games Development | Task 1 : Game Design Document

23.04.2025 - 18.05.2025 Week 01 - Week 04
Tracy Angeline Tio / 0362222 / Bachelor of Design ( Honors ) in Creative Media
Games Development / Taylor's University
TASK 1 : GAME DESIGN DOCUMENT
TABLE OF CONTENTS
LECTURES & ACTIVITIES
WEEK 1 
This week, Ms. Mia introduces us the MIB Booklet and explain each activities we are gonna have in 14 weeks. She also showed us an example for the game made by former student in 2D and 3D Styles. I was immersed by looking how the game can looks and imagine how hard it's gonna be. At the end of the class, we were asked to download unity with web GL program. We also have to start form a group consist of 3 people since all of the project is a group based.

WEEK 2
On this week, we started to learn about unity and programming basic code. We were told to install unity 6 but since my laptop can't make it, i still use unity 2022 version from my exp design class on last semester. Suprisingly it can works for exercises but for the final project, I'm gonna use my group mate laptop to build it. 

This activity, we use W3 Schools website as our sources to learn. We basically learn on to increase / decrease the player hp, and exercises about book number. View the tutorial on this link.

Programming Tutorial Document : HERE
Fig 1.1 Week 2 Exercises Week 02 30/04/2025
For the result if I preview it, the HP could be increased or decreased. Meanwhile for the book number things, it would should BookNumber11, you have enough books.
Fig 1.2 Result Preview Week 02 30/04/2025

WEEK 3
This week, our class activites is to present an idea for our game design document. I teamed up with Ga Wai and Velicia for this project. Each of us give 1 idea and we present all of it in front of classes. Ms. Mia likes velicia idea since it was unique and special. We move forward by finalizing story and mechanics by this week. I also started to create the presentation slides.

*My Idea can be seen on task 1 below.

WEEK 4
We have another unity exercises which is Tilemap on this week. We were instructed to create a pixel art on piskel.com. This my attempt for creating the ground.
Fig 1.3 Piskel Attempt Week 04 14/05/2025
After that, we move to the unity, we select new project and choose 2D Platformer Micrograme as the template.

View Tutorial on Teams Video or in this link : HERE

In short, below are some step by step I learned of : 
  1. Convert pixel to PNG 
  2. Drag the pixel file to unity, click it and open sprite editor 
  3. Change type to Grid by Cell Size, Pixel size 32 x 32 and slice. Apply it.
  4. Moving on, Go to window - 2D - Tile Palette - OK.
  5. On the game object, right click on the Grid layer - 2D object - Tilemap - Rectangular and we open the tile palette. 
  6. Select tilemap layer then add component
  7. Search tilemap collider 2D and Insert it. 
  8. Open tile palette to drag our tile in the game object.
Fig 1.4 Work Progress Week 04 14/05/2025
The result should be that the characters are able to jump on the tile. View this video for the result of week 4 exercises.
Fig 1.5 Week 4 Exercises Result Week 04 14/05/2025
INSTRUCTIONS
MIB BOOKLET :
TASK 1
Game Design Document
On this task, we were required to design and create their own 2D side scrolling/platformer game. The game design document serves as a blueprint for their game and will contain all the necessary information and visual references to develop the game. Sample GDD will be provided as a reference, but students are expected to research more on the matter to determine the necessary content items for their own GDD.

Requirements : 
  • Full contents of GDD can be seen on images below.
  • Submit a Google Docs and Presentation Slides
  • Video Presentation (Optional)
Fig 3.1 Game Design Document Contents Required by Lecturer Week 01 25/04/2025

---
Form a Group & 3 Preliminary Ideas
On week 2, we were required to form a group consist of 3 people to work on the project until finish. I group with my 2 friends from UI/UX Major as well. My group member consist of : 
  • Kong Ga Wai (0359692)
  • Tracy Angeline Tio (0362222) - Me
  • Velicia Raquel Dewi Setiawan (0369188)
I created a group chat and we started to discuss on what to do on this task. At first, I instructed my group member to come up with 1 game ideas for each person. My Ideas for this task was about a cat game "Gone With The Fish".

“Gone With The Fish” is a 2D escape and battle game between a cat named Poca and Granny May. Players control Poca, an orange and mischievous cat attempting to steal delicious fried fish from Granny May kitchen in broad daylight. Our mission is to make Poca escape from Granny May chase with the fish in his mouth. Poca also has a special skill to throw the cat hairball to distract Granny.

In this game, The player must help Poca successfully:
  • Gone with the fish from Granny May’s kitchen
  • Hide in the Garbage when other’s cat trying to steal our fish as well
  • Escape the granny may chase without getting caught, using skills like hairball attack, quick dashes, and hiding spots.
The concept and story details for this game, as well with my members ideas can be seen on the file below.

Link : HERE
Fig 3.2 GDD 3 Preliminary Ideas by All Members Week 03 07/05/2025
On week 3, we have a group presentation. We presented all of our ideas first since we have not finalized the idea we are gonna pursue on later.

From the feedback given by Ms. Mia, she likes Idea #2 by Velicia since it was interesting and unique story and gameplay where there are gonna be puzzle game as well as the boss fight. Lastly, we decided to go with whatever idea as well, so we used Velicia Idea, combined with Gawai mechanic and story ideas.


Finalized Idea - Left Behind
At the end of the week 3, we have come up with the game title "Left Behind". The reason why we name it because the story of this game was about an AI characters that have been left by the the creator in the unfinished game.

1. Concept and Purpose
Project Left Forgotten is a 2D Platform Game Where you play as Maythem, an AI that is stuck in a creator’s unfinished game. Your goal is to explore the place, find a way to exit the game and restore the game's forgotten pieces. Along the way, you discover a unique ability: you can render environments and bring incomplete NPCs and enemies to life — shaping the world as you go.

Game Objectives
As Maythem, an AI trapped in an abandoned and unfinished game world, your objective is to restore the broken digital environment by completing fragmented enemies, NPCs, and objects scattered throughout the game. In the middle until end of the game, you’re gonna discover a generator that there’s a puzzle inside you need to solve to finish the gameplay and defeat the boss.

Game Inspirations
  • OneShot – for how the game talks directly to the player and makes you feel like you're helping someone real inside a computer.
  • The Stanley Parable – for its clever use of narrative and the feeling of being in a game that is aware of you, guiding you (or misleading you) through its empty, unfinished world. The concept of choice and breaking the fourth wall.
  • Inside – for its atmosphere and storytelling through the environment. The eerie, minimalist world and the unsettling feeling of being trapped in a forgotten space.
Fig 3.3 Game Inspirations Week 04 14/05/2025

2. Game Design Mechanics
Game Control
The player could control the game using the keyboard button listed on the table below. There's walk, jump, sprint, interact and attack.
Fig 3.4 Game Controls Key Week 04 14/05/2025

Level Design (Layout, Structure/ Blueprint/ Skeleton Of The Level, Difficulty Progression)
The game consists of 1 level design from beginning until the final boss fight.
Preview :
The player wakes up as Maythem and learns the basic controls (walk, jump, attack, interact, etc) while navigating a digital space that is still unfinished. Once Maythem moves forward, he meets the NPC that can be interacted with and gives a clue about the enemy and the current condition. When discover the enemy, he discovers an ability to color its enemy and solving the puzzle in the generator can lead him to move to the next stage and even beat the final boss.

Settings :
Sci-fi Digital Facility Design Mixed with Sketch and Rendered things. The NPC and Enemy would be in the sketches version at first and after we solve the puzzle, it will turn into colour gradually.

Goals :
  • Learn core mechanics at the beginning before moving forward.
  • Solve the puzzle by clicking the right button as instructed.
  • Interact with Objects and NPC.
  • Defeat the Enemies using color strike and reach the end of the game.

Obstacle and Challenges :
  • Avoid to getting damage from the enemies
  • Navigate and Explore the Stories
  • Choose the final ending based on how much we completed the unfinished project.

3. Character and Entities
A. The Protagonist - Maythem
Maythem is an AI that exist and able to roam freely in the creator's device. He is considered a "virus" since he is capable of infiltrating the codes and changing it however he wants. May is someone that couldn't be bothered to care much from the outside but he is capable of showing that he cares a little. In the game, he is able to fight off the enemies.
Fig 3.5 Maythem - Design by Ga Wai Week 04 14/05/2025

B. Enemies
There are 3 enemies, each of them in 1 level, start from level 1,2 and 3 (The Final Boss). The enemy explanation is stated on the table below.
Fig 3.6 Enemy 1, 2 and Final Boss Explanation Week 04 14/05/2025
The enemy sketches are done by me and Gawai. I draw the enemy 1 and 2, inspired from lobotomy corporation game, meanwhile gawai sketch the final boss idea.
Fig 3.7 Enemy 1,2 and Boss Design by Me and Gawai Week 04 14/05/2025

C. NPC / Other Characters
The first NPC is the creator who create this unfinished project and the owner of the device. They will only appear at the end of the story but they are mentioned throughout the game by May and the scattered developers notes.

Moreover, there are employees (3). These employees do not acknowledge the presence of May because he is not originally from the project. The explanation for the NPC are stated in docs and presentation slides.
  • Employee 1 (Mao)
  • Employee 2 (Sildrate)
  • Employee 3 (No name) -- Not Used
We have create the initial sketches for the NPC as shown in the image below. (Done by Gawai).
Fig 3.8 NPC Sketches Week 04 14/05/2025

4. Visual and Layout
Game Layout Structure 
- START / Intro : Play Button, Credits, Quit
- In Game Interfaces
  • Top Left Corner : Health Bar ( 0 - 100 % )
  • Top Left Under Health Bar : Objectives
  • Top Right Corner : Pause Menus -> Continue Button, Audio Settings, Developer Notes, Quit Game (Back to Starting Screen).
  • Bottom Center : Character sprite and Dialogue (When character is talking).
  • Optional : Enemy Health Bar = Upside their head.
The Layout References can be seen in image below :
Fig 3.9 Layout References Week 04 17/05/2025

Art Style & Visual Direction 
  • Pixel Art, 3d, Cartoonish, Realistic, Etc.
  • 2D Anime Art (Cartoonish) , Inspired by Lobotomy Corporation Game.
  • Warm & Dull Color Palette to make the scene feel “unfinished”.
  • Animation / Sprite : Frame by Frame Hand Drawn.
Fig 3.10 Art Style & Visual Direction Week 04 17/05/2025
The moodboard for the game design can be seen on the image below.
Fig 3.11 Moodboard Week 04 17/05/2025

5. Audio
We divided the audio into 2 class which are background music, sound effect for the player, enemies and object. Each of it have a different music but still resembles and connect into abandoned facility vibes and core. The character and enemy also have their sound effect whenever they move or tried to fight each other.

The audio list can be seen on our document proposal and presentation slides!

6. Engine and Development Plan
To build up the game, we are gonna use Unity 6 (Gawai Laptop) as out main engine to build and finalize it into playable game. As for the art tools, Ibis paintx are the main app we mostly used to draw the assets. For the GIF, we can use photoshop or video maker app to combine all frame into sprites animation.

Regarding on the development plan, I'm in charge of making it and the works can be seen on the docs and presentation slides as well.


FINAL OUTCOMES TASK 1 : GAME DESIGN DOCUMENT (GDD)
Proposal Document (Detailed Information are Available on here) 
Document Link : HERE
Fig 3.12 Final Task 1 : GDD Proposal Document Week 05 22/05/2025

Presentation Slides
Canva Link : HERE
Fig 3.13 Final Task 1 : GDD Slides Week 05 22/05/2025

Presentation Video For Task 1
Fig 3.14 Final Task 1 : GDD Presentation Video Week 05 25/05/2025
FEEDBACK
Week 2
- Ms. Mia recommend me to use Unity6 if possible since there were more features that maybe older version cant access it.

Week 3
- For the ideas 2, it were unique and interesting. For the puzzle and story, you have to develop it more and make things clear regarding on what puzzles (typing, drag drop, etc..) you want to do later.
REFLECTIONS
Working on GDD was such a nice and thoughtful experiences. I got to meet my teammates from major project classes :D which means we already familiar with each others. We divided our task equally and learn on how to use unity when we are gonna create the game later. One things that make us doubt is none of all are the top coders so we were afraid if our ideas are gonna be hard to code.

Since I ever use unity especially in exp design class where we mostly build 3d project, this games development felt a bit different since we are more focusing on 2D platform game. Exercises provided by Ms. Mia are helpful especially when we create the tilemap so we have ideas on how we build the game platform. The things we should focus now are just keep practice and learn by our own, and youtube tutorials on internet.

Comments

Popular Posts