{"id":1916,"date":"2021-10-11T16:00:14","date_gmt":"2021-10-11T20:00:14","guid":{"rendered":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/?p=1916"},"modified":"2021-10-14T23:03:02","modified_gmt":"2021-10-15T03:03:02","slug":"final-project-neha-kuchipudi","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/nkuchipudi\/final-project-neha-kuchipudi\/","title":{"rendered":"Final Project &#8211; Neha Kuchipudi"},"content":{"rendered":"\r\n<p>My final project is focused on food and how it connects us. In my family and culture, we often make chai (an Indian tea) as a way to say &#8220;hello&#8221; and converse over the drinking of chai. I also feel as if making this drink connects me to my own culture, growing up in a family of immigrants in America I could always bond with my mom over brewing this warm and spicy drink. To show this idea in my project, I created a two-player mini game in JavaScript with a Makey-Makey controller so users can bond and work together over making some digital chai.<\/p>\r\n\r\n\r\n\r\n<p>The premise of the mini-game is slider based. So for each step in the recipe of making chai, players have to get their circles as close together as they can to get maximum points and make the best chai. The circles slide across the slider at increasing speeds for each recipe step.<\/p>\r\n\r\n\r\n\r\n<p>The first thing I focused on was creating the illustrations for my game. I used Adobe Illustrator to create illustrations for each step in the recipe of chai. I used this recipe online to reference off of as it provided some visuals to reference for each step of the recipe: https:\/\/minimalistbaker.com\/easy-masala-chai-recipe\/.<\/p>\r\n\r\n\r\n\r\n<p>After creating the illustrations, I then worked on getting my game idea into code. I have never coded in JavaScript before so it was a bit of a learning curve, but I believe I was able to achieve everything I wanted to in the time I had. The hardest part of the code was figuring out the slider mechanism for the game. Eventually when I figured out this mechanism the rest of the game was pretty easy to make. One thing I couldn&#8217;t figure out though was gif animations, every time I tried adding an animation to a recipe step it glitched and started flickering on the screen so I ended up not having any animations.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"803\" height=\"797\" class=\"wp-image-1917\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-4.png\" alt=\"\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-4.png 803w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-4-800x794.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-4-150x150.png 150w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-4-768x762.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-4-302x300.png 302w\" sizes=\"auto, (max-width: 803px) 100vw, 803px\" \/><\/a><\/figure>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"736\" height=\"546\" class=\"wp-image-1918\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-5.png\" alt=\"\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-5.png 736w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/image-5-404x300.png 404w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/a><\/figure>\r\n\r\n\r\n\r\n<p>Finally, I added some audio and sound effects. I used the Animal Crossing 3AM theme as I felt the cute music fit the game. I also added some cooking sound effects for every recipe step.<\/p>\r\n\r\n\r\n\r\n<p>If I had more time, I&#8217;d probably try and see if I could get the animations working for the game as I think they really add to it! I&#8217;d also probably improve the input device, I was originally going to use arcade buttons but they didn&#8217;t ship in time.<\/p>\r\n\r\n\r\n\r\n<p><div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Final project documentation - Neha Kuchipudi\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/kHlWJiZt5kE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/p>\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<p>Link to documentation\/demo video: https:\/\/www.youtube.com\/watch?v=kHlWJiZt5kE<\/p>\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-video\"><\/figure>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>My final project is focused on food and how it connects us. In my family and culture, we often make chai (an Indian tea) as a way to say &#8220;hello&#8221; and converse over the drinking of chai. I also feel as if making this drink connects me to my own culture, growing up in a&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/nkuchipudi\/final-project-neha-kuchipudi\/\">Read More<\/a><\/div>\n","protected":false},"author":224,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1916","post","type-post","status-publish","format-standard","hentry","category-final-project"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/users\/224"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/comments?post=1916"}],"version-history":[{"count":4,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1916\/revisions"}],"predecessor-version":[{"id":2052,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1916\/revisions\/2052"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media?parent=1916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/categories?post=1916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/tags?post=1916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}