Title: Chicken Alfredo Cooking Game
Art Director: Jenny Kowalski
Category: Illustration, P5.JS
Live Game: quasi-design/cooking-live
This is a game that guides the user through a Chicken Alfredo recipe. For novice cookers, recipes can seem daunting at times, this game presents a way for them to learn the recipe more thorougly before trying it themselves. After creating all of the assets I coded the game in P5.JS, which is a JavaScript library. Then I designed and coded a web page around the game with HTML/CSS which feautes the written recipe for reference.
#f3ad78
#f38520
#7ec1c1
#62a5a5
#809190
#434343
First I illustrated the background for the game. Then I illustrated all of the individual items the player interacts with, such as the pot and spoon.
I illustrated the whole game in an isometric view so that the player could see the whole counter the whole time. I also think the isometric view makes it look more like a game, and makes everything clean and simple.
After coding the game in P5.Js I designed a webpage to hold the game. The page includes the recipe and the playable game, as well as a button which lets you download the recipe.
I used HTML/CSS to code the page after prototyping it in illustrator. Click the button below to check it out or play the game for yourself! The game itself works best on desktop.