Session 6 Production Post



Code/Character Design

Intention (SMART Goal)

T- By March 18th, Wednesday of the Post-Production week

R- As a part of the game production team

A- I will have completed learning about animation techniques and color palettes (refer to Training Sources below)

M- To create an enjoyable game aesthetic with a detailed/fitting character style (for cartoon sci-fi genre) in mind, much like Hideo Kojima’s design philosophy (refer to Leaders in the Field below). I’ll also create a simple walking animation.

S- For the 1st session of the 3 sessions set for the Game Design Competition.


Leader(s) in the Field / Exemplary Work(s)


“He’s representing a human being good and bad, both sides of the coin. This is a solid human being. Sometimes you believe you do something good and it turns out not out be so good.(2:12~2:20)”
This explains how adding human characteristics into a character makes it come alive and interesting to the player. People in the world can’t be conclusively decided whether if they’re simply ‘good’ or ‘bad’ – we’re mix of both. Giving characters human traits such as goals, desires, flaws, ideals, and even their own life philosophy can make them much more intriguing.

Training Sources

00:00 Determines the animation to be played. Controlled by script parameters.

00:15 Project view->create->animation controller

00:52 [Parameter] button on the bottom lefthand corner of the Animator Window

01:01 booleans, floats, ints, or triggers

01:32 drag animation clip on the Animation Window

02:09 Empty state – doesn’t do anything. They don’t mask other animation being played on other layers.

03:02 first state will be the default state, colored orange

03:44 Speed property- indicates how fast the animation is playing compared to normal playback. Speed=1 means normal speed.

03:54 Motion property- particular animation clip for the state

04:00 Foot IK – Foot Inverse Kinematics, checking this will reduce or eliminate foot slipping

04:14 Mirror- flips the animation left to right

04:44 Transition- between states, right-click on a state, select Make Transition. This will give you a transition arrow, attached to the cursor. Click on another state to complete this.

05:10 Solo and Mute. Mute disables the transition, Solo mutes all the states not marked as a solo.

05:41 Atomic property- the transition is not interruptible.

05:53 Graph- shows how the animation is handled during transition


0:36 start rigging. create a model before doing so, though.

armature – object that contains all your bones.

In Front– allows you to see your bones, start with the Hip Bone/Controller

1:12 Bone extrusion

2:34 arm, chest bone

3:13 leg bone

4:56 Extra hand component

controller bone constraints

5:36 master control bone

5:50 Every bone needs to be parented to another bone

Project Timeline

    1. Use training sources to learn about the methods behind the session requirements
    2. Write down notes, highlight important key elements in the video I’ll need for later
    3. Compose it all together, summarize ideas and information (links with timestamps)
    4. Agree on the goals of the game and aesthetics, mechanics, genre, and functions with the group.
    5. Start practicing and learn it by working during class, possibly at home and during Saturday School.
    6. Decide what character design fits the genre and aesthetics decided.
    7. Decide on what needs to be worked on (Trello+burndown chart) and work on it.
    8. Focus on the required skills for the session, making sure there is evidence for each individual skill.
          1. Add sections to GDD in Dundoc.
          2. Create all objects that will move during gameplay
          3. Make obvious idle/moving/game over states for the player object
          4. List objects, their attributes, and their relations to the other objects for players, bots, etc
          5. Determine if the game is an open or close system and which of the three systems best fit the game
          6. Implement trigger-based animation
      1. Create the animation chart in the Animation Window
      2. Create idle, moving, game over animations using the Unity skeletal animation
    9. Finalize the first version models or sprites for the game; see what you can do to improve it. Make sure it fits well into the game.
    10. Check to make sure evidence for skills are visible. Then start making models better or gameplay better. (Smooth out animation transitions and movements)
    11. Make sure to continuously collaborate with team members to see what needs to done and completed.


The (FILM, SOUND, or GAME Creation)

Skills Commentary


21st Century Skills

Ways of Thinking (Creativity, Innovation, Critical Thinking, Problem Solving)

Ways of Working (Communication & Collaboration)

Tools for Working (Info & Media Literacy)

Ways of Living in the World (Life & Career)

Reactions to the Final Version

Self-Evaluation of Final Version

What I Learned and Problems I Solved

Grammar and Spelling


Session 5 List of Objects, Attributes, and Relations / Open or Closed

Object, Attributes, and Relations


Player Character, KGB, map generation


Player Character: Tall and skinny. Constant speed of 5.

KGB: Big and scary. Significantly larger than the player character. Constant speed of 4.

Map Generation: Infinite generation.


Player Character can jump over gaps made from the map generation and die when it falls into the gap.

KGB cannot jump, but will not fall into the gap from the floor generation either. He won’t die, creating an endless game mode.

Floor kills the Player Character if the user makes mistakes and falls down the gap. It will not kill the KGB.

Open / Closed System

Cultural System

As a cultural system, the <KGB Game> is clearly an open system. the game’s idea is derived from the Russian culture and history as well as parts of the meme culture poking ironically at the idea of communism, translating it into a 2D Platformer.


Salen + Zimmerman Unity 1: Section 5, p. 51


Session 5 Production Project


With a whole new team, I created a game with my personal portfolio and this session’s five requirements in mind.


Code/Character Design

My experience in this role is designing a fitting player character artwork and moving animation for the game’s theme and personality.

Intention (SMART Goal)

S – Learn how to make a creative and logical character design for the team this will require input and feedback from my team members since the product will be a collective result of our skills.

M – I will know that I made progress with feedback from the teammates during the production time as well as the judges involved in the process.

A – I’m familiar with tools such as Photoshop, and have years of experience with designing my own characters as a hobby (Dungeons and Dragons, original characters of other people, and online concept prompts).

R – This goal will help me further myself with this field and get to know in-depth about a field I’m interested in.

T – The deadline for this goal is February 21th, when Session 5 ends.


Leader(s) in the Field / Exemplary Work(s)

“[Hideo Kojima’s design] philosophy, fundamentally it is about making the impossible possible. By discarding our preconceived notions of design and attempting to scale a “so-called barrier of impossibility”, this barrier represents any design goal you may have and the way to overcome.” (1:49)
This explains how the commonly-used design components can be detrimental for creating a character that fits within the game’s universe. This can leave the player feel like the character is uninteresting, dull, and even generic. Deliberately challenging himself, Hideo Kojima can create memorable characters.

Training Sources


To export game-ready animations from Photoshop to Unity, you press “image” (in the top left corner, then press image size, then an options box opens up and you multiply the pixel width with your number of frames.


Then make a new Photoshop file then type in the right dimensions for your sprite sheet (that would be the number you got in the first step) into the width box.


A white rectangle should show up but this doesn’t give any indication to where you’re supposed to put the sprites. go up to “view” then press “show” after that press “grid”, which will make the placing of your images easier and more accurate.


Head back over to your file with your animation, use the lasso tool on your first frame and then copy it and then paste it on the grid. then repeat this step until all of your frames are in place.


To save the sprite sheet, press save as and save it to your desktop or Google Drive.


1:39 Interface, going through where all the options are

3:54 Layers

7:08 Shape tool

8:05 shift to move it one direction

9:08 Transformation tool

12:08 Effect options

17:44 Image editing

24:39 Filters

27:29 Using texts

0:07 Clipping mask definition

0:20 How to make Clipping Layer

0:41 In-depth factors of Clipping Layer

For more information on tools Photoshop offers, visit the official site.



Project Timeline

Session 5 Time management 3

Link to the Google Sheets

This is my general plan for Session 5. This is not set in stone, the schedule can fluctuate to fit the situation. The items are priority listed and thus will not change in order.


Escape of Communism

Skills Commentary

I made the character sprites and animation using Piskelapp and Unity animation function so it would communicate to the player about the game states. They can be seen in the left-center area of the screen.

I also made some of the buttons on the credits scene. While my creation is not seen in the video, an example of the button used can be seen when the player clicks on [PLAY] to be transported to the game scene.


21st Century Skills

Ways of Thinking (Creativity, Innovation, Critical Thinking, Problem Solving)

      • I was able to create creative character designs for the Player Character and the KGB enemy. The contrasts of the character elements (tall/short, skinny/overweight) helps the player easily define the difference between the two.

Ways of Working (Communication & Collaboration)

      • We used the Scrum framework for workflow and efficiency, with me as the Scrum Master. We were able to communicate more clearly about the game.

Tools for Working (Info & Media Literacy)

      • During Pre-Production week, we compiled links to helpful videos for our roles. The videos were about Unity animation and sprite tools, Photoshop Tutorials, and designing a good character.

Ways of Living in the World (Life & Career)

      • I was able to experience a whole new group composition, expanding my communication skills with a variety of types of teammates.

Reactions to the Final Version

“Creative Explosion! Beautiful Sprites / yellow windows” – Brian Favorite

“I like the way the characters are shadows” – Charles B.

Self-Evaluation of Final Version

The game is about running on an infinitely generating platform while dodging the gaps. The mechanics were simple, requiring a spacebar press to jump. The game is unexpected, the concept behind our game is unique. Our game was credible because it derives from the historically researched USSR. The game did intentionally leave out a question for the audience, ‘why is the man running from the KGB?’ Since we can ask this,  the game does have a story, even though it’s currently unexplored in this iteration.

What I Learned and Problems I Solved

I learned how to make animations on Unity, how to make scene transfers and button functions using scene numbers. I was able to solve credits buttons not being implemented properly on all scenes (it was repetitive and the UI Coder was busy) by looking up a guide and educating teammates that had spare time.

Grammar and Spelling

Used Grammarly for grammar checks.


Ari M.: Pre-production section

Charles B.: Production and Post-Production section