{"id":51,"date":"2014-10-19T00:20:40","date_gmt":"2014-10-19T00:20:40","guid":{"rendered":"https:\/\/gregkarber.com\/blog\/?p=51"},"modified":"2014-10-19T00:21:42","modified_gmt":"2014-10-19T00:21:42","slug":"upgraded-graphics","status":"publish","type":"post","link":"https:\/\/gregkarber.com\/blog\/upgraded-graphics\/","title":{"rendered":"Upgraded Graphics!"},"content":{"rendered":"<p>This post is going to talk very briefly about the improvements I made to the basic graphics of the Third Tortoise Game, as opposed to the first two.<\/p>\n<p>(The first two tortoise games I made were <a href=\"http:\/\/www.koanoftheday.com\/trails\" title=\"Tortoise Trails\" target=\"_blank\">Tortoise Trails<\/a> and <a href=\"http:\/\/www.koanoftheday.com\/shells\" title=\"Sixty Shells\" target=\"_blank\">Sixty Shells<\/a>. With the exception of a really bad flash game I made in high school, they were the first non-text games I ever made, and it shows.)<\/p>\n<p>So, when I began making my third game &#8212; Lettuce Walk, an interactive procedurally-designed puzzle game &#8212; I wanted to improve the graphics. However, since I lack artistic and Photoshop skills, I needed to think of easy ways to do it.<\/p>\n<p>This was how they looked when I started:<\/p>\n<p><a href=\"https:\/\/gregkarber.com\/blog\/wp-content\/uploads\/2014\/10\/t3-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-37\" src=\"https:\/\/gregkarber.com\/blog\/wp-content\/uploads\/2014\/10\/t3-1.png\" alt=\"t3-1\" width=\"452\" height=\"462\" srcset=\"https:\/\/gregkarber.com\/blog\/wp-content\/uploads\/2014\/10\/t3-1.png 452w, https:\/\/gregkarber.com\/blog\/wp-content\/uploads\/2014\/10\/t3-1-293x300.png 293w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><\/a><\/p>\n<p>And this was how it looked after the improvements I made:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-35\" src=\"https:\/\/gregkarber.com\/blog\/wp-content\/uploads\/2014\/10\/t3-2.png\" alt=\"t3-2\" width=\"465\" height=\"479\" srcset=\"https:\/\/gregkarber.com\/blog\/wp-content\/uploads\/2014\/10\/t3-2.png 465w, https:\/\/gregkarber.com\/blog\/wp-content\/uploads\/2014\/10\/t3-2-291x300.png 291w\" sizes=\"auto, (max-width: 465px) 100vw, 465px\" \/><\/p>\n<p>I think this is a huge improvement. What did I do?<\/p>\n<p>I found a picture of a rock on the Internet. I imported the rock into GIMP (a free Photoshop clone). I cranked up the brightness so that it was almost totally white, and then I made everything that wasn&#8217;t white transparent.<\/p>\n<p>Then, I overlaid this rock mask on top of the game board, creating the appearance of a well-worn game board.<\/p>\n<p>Then, I replaced the solid-black tortoise icon with a tortoise icon filled in with a picture of obsidian. Additionally, I added a small animation when you pick up the lettuce. Here&#8217;s a still of it:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/gregkarber.com\/blog\/wp-content\/uploads\/2014\/10\/t3-3.png\" alt=\"t3-3\" width=\"470\" height=\"483\" class=\"alignnone size-full wp-image-36\" srcset=\"https:\/\/gregkarber.com\/blog\/wp-content\/uploads\/2014\/10\/t3-3.png 470w, https:\/\/gregkarber.com\/blog\/wp-content\/uploads\/2014\/10\/t3-3-291x300.png 291w\" sizes=\"auto, (max-width: 470px) 100vw, 470px\" \/><\/p>\n<p>Basically, when your tortoise lands on a head of lettuce, it explodes in a burst of green leaves. Even though this doesn&#8217;t change or improve the mechanics of the game in any way, I think it makes it more visually stimulating and fun to play.<\/p>\n<p>I hope people will enjoy the game when it finally is released (hopefully sometime this month).<\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"excerpt\">This post is going to talk very briefly about the improvements I made to the basic graphics of the Third Tortoise Game, as opposed to the first two. (The first two tortoise games I made were Tortoise Trails and Sixty Shells. With the exception of a really bad flash game I made in high school,&#8230; <a class=\"moretag\" href=\"https:\/\/gregkarber.com\/blog\/upgraded-graphics\/\"> <strong>Read More<\/strong><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-51","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/gregkarber.com\/blog\/wp-json\/wp\/v2\/posts\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gregkarber.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gregkarber.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gregkarber.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gregkarber.com\/blog\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":1,"href":"https:\/\/gregkarber.com\/blog\/wp-json\/wp\/v2\/posts\/51\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/gregkarber.com\/blog\/wp-json\/wp\/v2\/posts\/51\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/gregkarber.com\/blog\/wp-json\/wp\/v2\/media?parent=51"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gregkarber.com\/blog\/wp-json\/wp\/v2\/categories?post=51"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gregkarber.com\/blog\/wp-json\/wp\/v2\/tags?post=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}