{"id":379,"date":"2022-02-09T20:53:49","date_gmt":"2022-02-10T01:53:49","guid":{"rendered":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/?p=379"},"modified":"2022-02-13T20:44:30","modified_gmt":"2022-02-14T01:44:30","slug":"production-pack-flappy-drev","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/tedrevitch\/production-pack-flappy-drev\/","title":{"rendered":"Production Pack &#8211; Flappy Drev"},"content":{"rendered":"\n<p>When I first started teaching myself IOS development, the first simple game I made to practice my skills was called Flappy Drev.  Unfortunately, that was so long ago now that I do not have screenshots or video from the final product that I had made.  I did not know anything about the 2D art or animation back then, and I remember the graphics being very bad.  I was just happy I could get something working at the time.  For this project, I would like to bring that project back by recreating it using skills and techniques that I have learned since then (which is a lot over the course of the past six years).  In particular, I will try to incorporate what we have learned in this course so far to put together a Flappy Bird clone with me as the central character instead of a flying bird.  I also think that I should add objects in the game that closer represent me rather than assets that were from the original Flappy Bird game.  Because of this, I will try to incorporate hockey themes objects and a hockey themed map to traverse.<\/p>\n\n\n\n<p>For this project, we will also be experimenting with using the Makey Makey controller kit.  I will be ordering the kit and probably using pieces of play dough as my controller&#8217;s buttons.  It is super cool how Makey Makey works, so I am very excited to experiment with that!  I might want the play dough to be fixed to something hockey related like a broken hockey stick or some other piece of hockey equipment to complete the theme of my game.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.55.19-PM.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"521\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.55.19-PM-1024x521.png\" alt=\"\" class=\"wp-image-381\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.55.19-PM-1024x521.png 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.55.19-PM-800x407.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.55.19-PM-768x391.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.55.19-PM-1536x781.png 1536w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.55.19-PM-590x300.png 590w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.55.19-PM.png 1954w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Because of the limited timeframe I have to make this game, I will be focussing on getting the art right and not worrying as much about the technical aspects of the game.  The game itself is not too detailed though, so I feel like I should still be able to get it working the way I want it to in time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.40.07-PM.png\"><img loading=\"lazy\" decoding=\"async\" width=\"996\" height=\"620\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.40.07-PM.png\" alt=\"\" class=\"wp-image-380\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.40.07-PM.png 996w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.40.07-PM-800x498.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.40.07-PM-768x478.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-6.40.07-PM-482x300.png 482w\" sizes=\"auto, (max-width: 996px) 100vw, 996px\" \/><\/a><\/figure>\n\n\n\n<p>For my color palette, I really want to use the VINIK24 palette from the Lowspec website (https:\/\/lospec.com\/palette-list\/vinik24) because it has darker colors that would make for good snow or ice graphics.  It would also make my game look colder overall which is fitting for ice hockey and ice rinks.<\/p>\n\n\n\n<p>I plan on spending a lot of time perfecting the scene of my game as best as I can, but for now I made a low pixel image of what it will look like for a map and game scene when playing the game.  I was even able to use the palette already to try to make it using the colors that I will eventually be using!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-7.15.15-PM.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-7.15.15-PM-632x1024.png\" alt=\"\" class=\"wp-image-382\" width=\"200\" height=\"324\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-7.15.15-PM-632x1024.png 632w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-7.15.15-PM-494x800.png 494w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-7.15.15-PM-185x300.png 185w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-7.15.15-PM.png 714w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><\/figure>\n\n\n\n<p>The mood of my game will be a bit dark and cloudy looking like the picture depicts.  The red colors represent me playing hockey for WPI and also me liking the Detroit Red Wings NHL team.  The bottom of the screen is going to look like a rink and hockey boards.  I plan on adding other elements to the game like hockey related objects (such as pucks) and possibly snow falling.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/FE72AE2C-29D4-4FF1-8BC2-05CE67E134FA_4_5005_c.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"260\" height=\"280\" data-id=\"383\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/FE72AE2C-29D4-4FF1-8BC2-05CE67E134FA_4_5005_c.jpeg\" alt=\"\" class=\"wp-image-383\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/1D94C650-A46B-4CF1-A055-FA0C5EB65705.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"644\" data-id=\"384\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/1D94C650-A46B-4CF1-A055-FA0C5EB65705.jpeg\" alt=\"\" class=\"wp-image-384\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/1D94C650-A46B-4CF1-A055-FA0C5EB65705.jpeg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/1D94C650-A46B-4CF1-A055-FA0C5EB65705-768x618.jpeg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/1D94C650-A46B-4CF1-A055-FA0C5EB65705-373x300.jpeg 373w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/3C828375-27FA-436B-BCAC-0B979677C04B_4_5005_c.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"260\" height=\"280\" data-id=\"385\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/3C828375-27FA-436B-BCAC-0B979677C04B_4_5005_c.jpeg\" alt=\"\" class=\"wp-image-385\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/779ABA43-F366-431E-BEBB-C575F51101F4.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"787\" data-id=\"387\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/779ABA43-F366-431E-BEBB-C575F51101F4.jpeg\" alt=\"\" class=\"wp-image-387\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/779ABA43-F366-431E-BEBB-C575F51101F4.jpeg 1023w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/779ABA43-F366-431E-BEBB-C575F51101F4-800x615.jpeg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/779ABA43-F366-431E-BEBB-C575F51101F4-768x591.jpeg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/779ABA43-F366-431E-BEBB-C575F51101F4-390x300.jpeg 390w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/42A5952A-2ABF-4EED-9754-7B8577E628B0.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"441\" data-id=\"388\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/42A5952A-2ABF-4EED-9754-7B8577E628B0.jpeg\" alt=\"\" class=\"wp-image-388\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/42A5952A-2ABF-4EED-9754-7B8577E628B0.jpeg 612w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/42A5952A-2ABF-4EED-9754-7B8577E628B0-416x300.jpeg 416w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/a><figcaption>Ice Hockey Stadium with Spotlights. Vector Illustration.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/28372A49-017D-43CF-9BEC-6A273EC952CB.jpeg\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"419\" data-id=\"386\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/28372A49-017D-43CF-9BEC-6A273EC952CB.jpeg\" alt=\"\" class=\"wp-image-386\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/28372A49-017D-43CF-9BEC-6A273EC952CB.jpeg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/28372A49-017D-43CF-9BEC-6A273EC952CB-768x402.jpeg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/28372A49-017D-43CF-9BEC-6A273EC952CB-573x300.jpeg 573w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<p>Here are some pictures from Google that I looked at for reference of the mood of my game and the scene I plan to go for.  They all have color palettes similar to mine, which is a bonus!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When I first started teaching myself IOS development, the first simple game I made to practice my skills was called Flappy Drev. Unfortunately, that was so long ago now that I do not have screenshots or video from the final product that I had made. I did not know anything about the 2D art or&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/tedrevitch\/production-pack-flappy-drev\/\">Read More<\/a><\/div>\n","protected":false},"author":255,"featured_media":382,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[21],"tags":[27,26,25,28],"class_list":["post-379","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-preproduction-pack","tag-2d-art","tag-flappy","tag-hockey","tag-production-pack"],"jetpack_featured_media_url":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Screen-Shot-2022-02-09-at-7.15.15-PM.png","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/users\/255"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/comments?post=379"}],"version-history":[{"count":1,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/379\/revisions"}],"predecessor-version":[{"id":389,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/379\/revisions\/389"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/media\/382"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/media?parent=379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/categories?post=379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/tags?post=379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}