{"id":506,"date":"2022-02-20T13:25:26","date_gmt":"2022-02-20T18:25:26","guid":{"rendered":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/?p=506"},"modified":"2022-02-20T13:25:26","modified_gmt":"2022-02-20T18:25:26","slug":"kitten-wrangling-sprites","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/jdboucher\/kitten-wrangling-sprites\/","title":{"rendered":"Kitten Wrangling! Sprites"},"content":{"rendered":"\n<p>The initial sprites for my game include the following elements:<br>&#8211; Grass &amp; dirt &#8220;meta tiles&#8221;<br>&#8211; Cliff face tiles<br>&#8211; 2 Trees<br>&#8211; Interior house tiles<br>&#8211; 3 Cats<br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/grass-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"681\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/grass-2-1024x681.png\" alt=\"\" class=\"wp-image-517\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/grass-2-1024x681.png 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/grass-2-800x532.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/grass-2-768x511.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/grass-2-451x300.png 451w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/grass-2.png 1157w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption><em>Exterior grass and dirt metatiles<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>For the outdoor tileset, I wanted to create <a href=\"https:\/\/www.pinterest.com\/pin\/699254279620891432\/\">metatiles<\/a> that could be highly adaptable. Using a limited color palette made this somewhat difficult. I struggled to distinguish grass from dirt and ended up attempting to convey the difference by using certain colors exclusively on one element or the other.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/house-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"783\" height=\"706\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/house-1.png\" alt=\"\" class=\"wp-image-518\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/house-1.png 783w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/house-1-768x692.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/house-1-333x300.png 333w\" sizes=\"auto, (max-width: 783px) 100vw, 783px\" \/><\/a><figcaption><em>Interior house tiles<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/cats-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"551\" height=\"209\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/cats-1.png\" alt=\"\" class=\"wp-image-516\" \/><\/a><figcaption><em>Cats<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>The house interior and cats used a warmer (though still limited) color palette in order to contrast heavily with the outdoors. This resulted in difficulty providing detail in this set of tiles. The wood looks far more run-down than intended, and the walls lack texture. I will likely go with a new and unique color palette for the cats in the game, in order to make them the most distinct and eye-catching aspect of the game.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/trees-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"767\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/trees-1.png\" alt=\"\" class=\"wp-image-519\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/trees-1.png 748w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/trees-1-293x300.png 293w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\" \/><\/a><figcaption><em>Exterior trees<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>The trees are my favorite sprites I&#8217;ve created so far. I think they turned out the best because I used the full range of colors offered by the palette, and the result is a deeper level of detail with the available highlights and shadows.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Cat-Wranglers-Tileset-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"320\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Cat-Wranglers-Tileset-2.png\" alt=\"\" class=\"wp-image-515\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Cat-Wranglers-Tileset-2.png 320w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Cat-Wranglers-Tileset-2-150x150.png 150w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/Cat-Wranglers-Tileset-2-300x300.png 300w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/a><figcaption><em>Full sprite sheet<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>The full sprite sheet contains 64 tiles, each sized at 32&#215;32 pixels.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The initial sprites for my game include the following elements:&#8211; Grass &amp; dirt &#8220;meta tiles&#8221;&#8211; Cliff face tiles&#8211; 2 Trees&#8211; Interior house tiles&#8211; 3 Cats For the outdoor tileset, I wanted to create metatiles that could be highly adaptable. Using a limited color palette made this somewhat difficult. I struggled to distinguish grass from dirt&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/jdboucher\/kitten-wrangling-sprites\/\">Read More<\/a><\/div>\n","protected":false},"author":258,"featured_media":519,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[22],"tags":[],"class_list":["post-506","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sprites"],"jetpack_featured_media_url":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-content\/uploads\/sites\/22\/2022\/02\/trees-1.png","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/506","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\/258"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/comments?post=506"}],"version-history":[{"count":1,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/506\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/posts\/506\/revisions\/520"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/media\/519"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/media?parent=506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/categories?post=506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd-fundamentals-22\/wp-json\/wp\/v2\/tags?post=506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}