2D FOR GAMES: END ASSIGNMENT

Deadline:
Check your timetable for date.
1 HOUR before your class’ presentation slot (So before 7:30 or 12:30)

You will create the assets for a 2D platformer. You choose a specific theme and design the
game level according to the structure in this document. You use non-destructive techniques
in Photoshop. We provide a working project in which the 2d game assets can be tested.

THE ASSIGNMENT:

1. Read the assignment!

2. Choose a theme
• Pirates, Vikings, barbarians, …
• Knight, Castles & Dragons, dungeons, …
• Spooky stuff: Vampires, mummies, cemeteries, …
• The mad professor and his machines
• Super Hero, villains, monsters, …
• The future
• Nautical
• Own theme

Unless otherwise stated, every file needs to be 1920x1080 pixels!

3. Collect and analyse reference.

 01_Reference.psd/01_Reference.jpg

Search for reference material on your chosen theme. You will need reference for the
environment, characters and assets such as pick-ups. You will use the reference material
to design your 2D game assets. Remember this has to be real life reference, no concept
or game art.

Present you reference in a nice file called “01_Reference” and save this file as a PSD and
jpg.

4. Make a Style guide.

 02_Styleguide.psd/02_Styleguide.jpg
 The next step is to create the style guide, this runs together with the design process. It is
important to realize that this is an iterative process throughout the whole design phase.
The style guide is the document in which you describe the look and feel of your game so
that other developers can design 2D assets in the same style of your game. You describe
the lines, the shapes, the colors, composition, atmospheric perspective, character, ….
Also make sure you create a nice-looking layout for your style guide.

Save your style guide as a psd and jpg named “02_Styleguide”.

5. Start designing your level

 03_DesignProcess.psd/03_ DesignProcess.jpg

Designing is a process, so show us how you came to your design and style. You will make
iterations on all the props, end Item, platform and of course characters (but those should be
presented in another document, see point 6). This process runs closely together with the
style guide. During the iteration process you might find a new shape language for example.

Present you design process in a document named “03_DesignProcess” and save this as a psd
and jpg. This can be multiple documents, name them accordingly, f.e. 03_DesignProcess_01,
03_DesignProcess_02,…..

6. The character
 04_CharacterDesign. psd /04_CharacterDesign.jpg
You will design a player character and an enemy. Make at least 3 horizontal and 3 verticals
iterations per character. Present these in a nice document. When your design is finished you
will put it in the sprite sheet. Make sure when making you character you keep the arms,
legs, body and head in different layers, this will make it easier to make the run cycle. Same
for the enemy.

Put your design process of character and enemy in a document called 04_CharacterDesign
and save it as a jpg and psd. No need to hand in all the sprite sheet, these will be in your
streaming assets folder.

SPRITES YOU NEED TO HAVE:

- Player character with a run cycle of at least 4 frames

- Player character jump, at least 1 frame

- Player character death, at least 1 frame

- Player character idle, at least 1 frame

- Enemy with animation cycle, at least 4 frames.

7. Start and end screen

 06_StartScreen. PSD/06_Startscreen.jpg
 07_EndScreen. PSD/07_Endscreen.jpg
You will design a start and end screen. Think about UI design, make sure the right
information is communicated to the player. Try to make something original, don’t just use a
screenshot with some text smacked on there. Make sure it has the right size, 1920x1080.

8. The Assets
 08_Assets. PSD

Make all your assets in a photoshop file(1920x1080). Then you will drag them into the new
file with the right size of the asset.

Here’s an overview of all the assets, you can watch the theory again for further explanation.
Text in red and bold is the name this asset needs.

1. Tiles (200x300 px)

 tiles.png

This is the tileset for your level. Each tile is 50 by 50 pixels.

2. End Item( 666x500 px)
 endItem.png

This prop should be something your character can enter, for example: a building,
vehicle,….It will be at the end of the level.

3. Prop 01 (150x150 px)

 prop01.png

4. Prop 02 (150x150 px)

 prop02.png

5. Prop 03 (150x150 px)

 prop03.png

Make sure these props are all different from each other.

6. Floating Prop 01 (128x32 px)

 envFloatingProp01.png

Does not have to be clouds, can be anything that floats.

7. Floating Prop 02 (128x32 px)

 envFloatingProp02.png
Does not have to be clouds, can be anything that floats.
 8. Collectible (64x64 px)
 objCollectible.png

9. Environment Background Far (256 x123 px)

 envFarBack01.png

10. Environment Middle Back 01 (256x256 px)

 envMiddleBack01.png

11. Environment Middle Back 02 (256x256 px)

 envMiddleBack02.png

12. Environment Middle 01 (512x512 px)

 envMiddle01.png

13. Environment Middle 02 (512x512 px)

 envMiddle02.png

14. Start screen (1920x1080 px)

 startScreen.png

15. End screen (1920x1080 px)

 endScreen.png

16. Character Die ( At least 1 frame)

 characterDie.png

17. Character Idle ( At least 1 frame)

 characterIdle.png

18. Character Jump ( At least 1 frame)

 characterJump.png

19. Character Run ( At least 4 frames)

 characterRun.png

20. Enemy ( At least 4 frames)

 enemy.png

HOW AND WHERE TO HAND IN

Hand in: Leho dropbox

1 HOUR before your class’ presentation slot (So before 7:30 or 12:30)

You still have to come the presentation, just a hand in is not enough.
Hand in a .rar file of the main folder with the following naming convention:

XX_FamilyName_Name_Exam.rar

XX = your class group

Ex. 1IGP13E_ Ingels_Joost_Exam.rar

This main folder contains:

Psd_files:

01_Reference.psd

02_Styleguide.psd

03_DesignProcess.psd

04_CharacterDesign.psd

06_StartScreen. psd

07_EndScreen. psd

08_Assets.psd

Jpg_files:

01_Reference.jpg

02_Styleguide.jpg

03_DesignProcess.jpg

04_CharacterDesign. jpg

06_StartScreen. Jpg

07_EndScreen. Jpg

Game:

This contains the game you can download from LEHO, but with the assets replaced by your own. Make sure
your assets are in the StreamingAssets folder.