EMDA 203
Digital Interactive Foundation
Takeaway
It's as complicated as you make it out to be.
Keep it manageable, know your limits, and pace yourself.
Try to focus on one thing at a time.
Do your best to plan ahead with certain elements and how they may influence one another.
Final Game
![finalGame](emda203/previews/finalGame.gif)
Previous Game Builds
![may31_1](emda203/previews/may31_1.gif)
![may31_2](emda203/previews/may31_2.gif)
![june3](emda203/previews/june3.gif)
![june4](emda203/previews/june4.gif)
![june5_1](emda203/previews/june5_1.gif)
![june5_2](emda203/previews/june5_2.gif)
![june5_3](emda203/previews/june5_3.gif)
![june6_0](emda203/previews/june6_0.gif)
![june6_2](emda203/previews/june6_2.gif)
![june8](emda203/previews/june8.gif)
![june9_jeffrey](emda203/previews/june9_jeffrey.gif)
![june9_malen](emda203/previews/june9_malen.gif)
![june_10](emda203/previews/june_10.gif)
Work Assets
![codeQuestion](emda203/workAssets/codeQuestion.png)
![enemy_movement](emda203/workAssets/enemy_movement.png)
![hitman_new](emda203/workAssets/hitman_new.png)
![instruct1900x925_red](emda203/workAssets/instruct1900x925_red.png)
![layout-enemies](emda203/workAssets/layout-enemies.png)
![layout-room-boundaries](emda203/workAssets/layout-room-boundaries.png)
![layout](emda203/workAssets/layout.png)
![sizing](emda203/workAssets/sizing.png)
![sizing_test](emda203/workAssets/sizing_test.png)
Notes
Overview
![overview.1](emda203/notes/overview/overview.1.jpg)
![overview.2](emda203/notes/overview/overview.2.jpg)
![overview.3](emda203/notes/overview/overview.3.jpg)
![overview.4](emda203/notes/overview/overview.4.jpg)
![overview.5](emda203/notes/overview/overview.5.jpg)
Ideas
![ideas.1](emda203/notes/ideas/ideas.1.jpeg)
![ideas.2](emda203/notes/ideas/ideas.2.jpeg)
![ideas.3](emda203/notes/ideas/ideas.3.jpeg)
![ideas.4](emda203/notes/ideas/ideas.4.jpeg)
Walls
![walls.1](emda203/notes/walls/walls.01.jpg)
![walls.2](emda203/notes/walls/walls.02.jpg)
![walls.3](emda203/notes/walls/walls.03.jpg)
![walls.4](emda203/notes/walls/walls.04.jpg)
![walls.5](emda203/notes/walls/walls.05.jpg)
![walls.6](emda203/notes/walls/walls.06.jpg)
![walls.7](emda203/notes/walls/walls.07.jpg)
![walls.8](emda203/notes/walls/walls.08.jpg)
![walls.9](emda203/notes/walls/walls.09.jpg)
![walls.10](emda203/notes/walls/walls.10.jpg)
![walls.11](emda203/notes/walls/walls.11.jpg)
Elements
![elements.1](emda203/notes/elements/elements.1.jpg)
![elements.2](emda203/notes/elements/elements.2.jpg)
![elements.3](emda203/notes/elements/elements.3.jpg)
![elements.4](emda203/notes/elements/elements.4.jpg)
![elements.5](emda203/notes/elements/elements.5.jpg)
![elements.6](emda203/notes/elements/elements.6.jpg)
Bullets
![bullets.1](emda203/notes/bullets/bullets.1.jpg)
![bullets.2](emda203/notes/bullets/bullets.2.jpg)
![bullets.3](emda203/notes/bullets/bullets.3.jpg)
![bullets.4](emda203/notes/bullets/bullets.4.jpg)
![bullets.5](emda203/notes/bullets/bullets.5.jpg)
![bullets.6](emda203/notes/bullets/bullets.6.jpg)
States
![states.1](emda203/notes/states/states.1.jpg)
![states.2](emda203/notes/states/states.2.jpg)
![states.3](emda203/notes/states/states.3.jpg)
![states.4](emda203/notes/states/states.4.jpg)
![states.5](emda203/notes/states/states.5.jpg)
Final Steps
![finalSteps.1](emda203/notes/finalSteps/finalSteps.1.jpg)
![finalSteps.2](emda203/notes/finalSteps/finalSteps.2.jpg)
![finalSteps.3](emda203/notes/finalSteps/finalSteps.3.jpg)
![finalSteps.4](emda203/notes/finalSteps/finalSteps.4.jpg)
![finalSteps.5](emda203/notes/finalSteps/finalSteps.5.jpg)
Recordings
Click here to view the entire YouTube playlistProjects
![project_1](emda203/previews/project_1.png)
![project_2](emda203/previews/project_2.gif)
![project_3](emda203/previews/project_3.gif)
![project_4](emda203/previews/project_4.gif)
CodePens
![codePens](emda203/previews/codePens.gif)
Game Design Research
Top Down Visual Design
Forum Post
Game....
Hotline Miami
Designer(s)....
Jonatan Söderström & Dennis Wedin
What I find interesting about the visual design....
I really find myself enjoying the overall 80's Miami aesthetic — combined with the retro 8-bit pixel art style. I've always been a sucker for 80's visuals, falling in the love with the VHS effects, distortion, scan lines, etc. There's violence, bright gore, and popping colors in every level — also, the high-score point-based system adds to the arcade vibe of the game. The way the game shows it's details through both the low pixel graphics and top-down style is also very astonishing for me. The visual design is also very well accompanied by the sound design — it's brutal and blanketed by the heart-pumping synth / retro wave soundtrack.