MENU

PROJECTS

previous

NEXT PROJECT

make ramen happy

next

make ramen happy game view

make ramen happy
game

make ramen happy
game

PROJECT OVERVIEW

This module's task was to create a simple, fully playable game using HTML, CSS and JavaScript. This included creating paper prototype, design game elements as well as adding self-recorded audio sounds. Additionially, we learnt designing Activity and State Machine Diagrams.


EXECUTION

The design of the game is based around flat and Kawaii design. Therefore, I chose flat design to highlight the resemblance to Japanese art. The process started with creating paper prototype of the game and using peer review to check the idea. Peer reviews allowed to improve the game through testing the overall game idea. Later, I designed State Machine Diagram that made the process of coding JS easier. It required thinking through every click and ensuring that the design is intuitive for the player. The game was tested on multiple people as testing proved to be highly important in the previous tasks. Thanks to feedback, I slowed down the animation times to ensure better game experience.


SKILLS GAINED

This assignment has taught me the basis of JS and its application alongside HTML and CSS. Moreover, this project has improved my skill of holistically thinking while working on the game from very start to the end. Additionially, I have improved my AI skills as well as have learnt to use Adobe Audition. Through utilisations the tools such as Activity and State Machine Diagram, I was able to spot any issues or functionality gaps that improved the coding process.


YEAR

2020


TOOLS USED

XD

AI

PS

HTML

CSS

JS


PROJECT TYPE

Individual project


LINKS

Website