{"id":2256,"date":"2018-12-12T03:17:34","date_gmt":"2018-12-12T03:17:34","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/cc18\/?p=2256"},"modified":"2018-12-12T03:17:34","modified_gmt":"2018-12-12T03:17:34","slug":"final-project-5","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/12\/12\/final-project-5\/","title":{"rendered":"Final Project"},"content":{"rendered":"

Link to my Project:<\/p>\n

The basic idea of this project is to develop the assignment we have had called rainGame. The purpose of this assignment was to give us a chance practice class. So far, I have not used class in my projects, so I would love to build classes in my final project.<\/span><\/p>\n

Instead <\/span>of collecting raindrop, I want to generate a game of a person collecting food:\u00a0<\/span><\/p>\n

-Four type of food will drop from the sky: hotdogs, wings, legs, and dumplings. <\/span><\/p>\n

-If the player misses the food, it will stay on the floor and constrain your space to move. And food will only drops within the space player is able to move.\u00a0<\/span>If there\u2019s no more place to move, game over<\/span><\/p>\n

-When the player \u201ceat\u201d 30 food, you win; however, there will also be bombs falling down.\u00a0<\/span>If the player eats the bomb, game over<\/span><\/p>\n

To further develop the game, the background will various based on data from weather API and time. <\/span><\/p>\n

The color of sky will become lighter from 6 am to 2am, then gets darker from 2 to 7pm. After 7, the sky will just be dark blue. Then when cloud coverage is bigger than 0, there will be clouds on the sky. The gap between each cloud depends on API value of cloud coverage. If cloud coverage equals to 0, there will be no clouds but a sun. While there is cloud, little raindrop will also show up if humidity value is greater than 90%.<\/span><\/p>\n

Process:<\/p>\n

At first, I let the food that players misses stay on the ground, and the player can still go through the food. This made me think about how we avoid the food on the ground instead of stepping on it, so I came up with the idea to restrain the space to move. It was not hard to use constrain function to set a range for mouseX; however, setting the specific value was not easy until I use imageMode(CENTER). When I first learn about all the Mode() such as rectMode(); I did not pay attention to them; nevertheless, through the course, I notice more and more how useful they are. And I also learned how essential practice are.<\/p>\n

2. Sketches:<\/p>\n

\"\" \"\"<\/p>\n

 <\/p>\n

I tried to use 2D for loop to draw raindrops; however, the program get stuck with that. So I use single for loop to draw less raindrops instead.<\/p>\n

3. Final screenshots:<\/p>\n

\"\"This is the screen when the player wins the game<\/p>\n

\"\"This is the screen when the player encounters the bomb<\/p>\n

\"\"This is how it looks when cloud value is 0. The player is during the game, the center shows how many food player has ate<\/p>\n

\"\"This shows the screen when there is no space to move.<\/p>\n

 <\/p>\n

References:<\/p>\n

I was inspired by a meme popular in China. It’s a guy eating a hotdog. So I drew the player and food on my iPad and then load png files into p5js. I was also inspired by an illustrator on instagram called nu1t<\/a>. He adds all kinds of illustration to photography, making objects and foods much more vivid. So I decided to add a sad face to my food when they are on the ground. The Food class in my project was refer to class in rainGame. Then I created subclass extends Food class and a bomb class. Before this project, class was very abstract to me; however, after playing around with its function, inheritance, methods, I became much familiar with classes and objects. I’m really excited about exploring more about classes in the future!<\/p>\n

https:\/\/furtech.typepad.com\/furtech\/2009\/01\/is-humidity-100-when-it-rains.html<\/p>\n

http:\/\/www.aihami.com\/a\/gongkai\/xuexi\/381464.html<\/p>\n

http:\/\/tieba.baidu.com\/p\/5943310030https:\/\/www.openprocessing.org\/sketch\/476152<\/p>\n

https:\/\/www.apixu.com\/doc\/current.aspx<\/p>\n

https:\/\/www.teepr.com\/231886\/annezheng\/\u53ef\u611b\u98df\u726901\/https:\/\/www.instagram.com\/nu1t\/<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Link to my Project: The basic idea of this project is to develop the assignment we have had called rainGame. The purpose of this assignment was to give us a chance practice class. So far, I have not used class in my projects, so I would love to build classes in my final project. InsteadRead More<\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[],"class_list":["post-2256","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paeb9f-Ao","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/2256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/comments?post=2256"}],"version-history":[{"count":2,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/2256\/revisions"}],"predecessor-version":[{"id":2296,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/2256\/revisions\/2296"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/media?parent=2256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/categories?post=2256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/tags?post=2256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}