Cooking Game

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

The Game & Assets

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.

Illustration of a kitchen countertop and stove with ingredients on and serving ware layed out.

Web Page

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.

Mockup of web page on a laptop, ipad, and iphone.