{"id":326,"date":"2015-12-23T17:00:05","date_gmt":"2015-12-23T16:00:05","guid":{"rendered":"http:\/\/h2916922.stratoserver.net:8084\/?p=326"},"modified":"2016-10-05T10:46:57","modified_gmt":"2016-10-05T08:46:57","slug":"generating-isometric-tiles-and-slopes","status":"publish","type":"post","link":"https:\/\/www.ivojonker.nl\/?p=326","title":{"rendered":"Generating isometric tiles and slopes"},"content":{"rendered":"<p>A few weeks ago i decided \u00a0to sort out the old harddrives that\u00a0i&#8217;d been storing in my garage for a few years now. Some of them were at least\u00a015 years old, and i was amazed that only one lost functionality.\u00a0Anyway, while digging through the data (preserving old photos, code and documents on my novel nas), i came across a prototype of a web-based game i once made.<\/p>\n<p>While not bothering you about the game (i&#8217;m actually thinking of picking up where i left it ;)). My prototype code included code to transform any 2d(square) tile, to isometric tiles, including slopes.<\/p>\n<p>As i remember, the pain it was to find isometric tiles, i figured to share it with you. In the below iframe you&#8217;ll find the servlet version of the code. Just input any image file (width&amp;height should be equal) below 500kb, and it&#8217;ll generate an isometric tileset for you.<\/p>\n<p><iframe loading=\"lazy\" width=\"100%\" height=\"100\" src=\"https:\/\/www.ivofinds.com\/IsometricTileGenerator\/transform.html\"><\/iframe><\/p>\n<p>Note: I think some improvements can still be made. I&#8217;ll probably update the tool as i start picking up the old project \ud83d\ude42<\/p>\n<p>For example, inputting the following:<\/p>\n<p><a href=\"http:\/\/opengameart.org\/node\/27570\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-335 size-full aligncenter\" src=\"http:\/\/h2916922.stratoserver.net:8084\/wp-content\/uploads\/2015\/12\/2431.jpg\" alt=\"Example\" width=\"250\" height=\"250\" srcset=\"https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2015\/12\/2431.jpg 250w, https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2015\/12\/2431-150x150.jpg 150w, https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2015\/12\/2431-100x100.jpg 100w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>Will result in a zip containg the isometric tile (128*64) including all slopes and a sample:<\/p>\n<p><a href=\"http:\/\/h2916922.stratoserver.net:8084\/wp-content\/uploads\/2016\/02\/example2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-338 size-large\" src=\"http:\/\/h2916922.stratoserver.net:8084\/wp-content\/uploads\/2016\/02\/example2-1024x578.png\" alt=\"example2\" width=\"1024\" height=\"578\" srcset=\"https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2016\/02\/example2-1024x578.png 1024w, https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2016\/02\/example2-300x169.png 300w, https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2016\/02\/example2-750x423.png 750w, https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2016\/02\/example2-400x226.png 400w, https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2016\/02\/example2-430x243.png 430w, https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2016\/02\/example2-150x85.png 150w, https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2016\/02\/example2-100x56.png 100w, https:\/\/www.ivojonker.nl\/wp-content\/uploads\/2016\/02\/example2.png 1052w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Oldschool right?<\/p>\n<p>p.s. i&#8217;d be more than happy to know, if this actually helped someone on their hobby project. Feel free to reach out \ud83d\ude42<\/p>\n<p>p.s.<br \/>\n&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A few weeks ago i decided \u00a0to sort out the old harddrives that\u00a0i&#8217;d been storing in my garage for a few years now. Some of them were at least\u00a015 years [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-326","post","type-post","status-publish","format-standard","hentry","category-geen-categorie"],"_links":{"self":[{"href":"https:\/\/www.ivojonker.nl\/index.php?rest_route=\/wp\/v2\/posts\/326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ivojonker.nl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ivojonker.nl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ivojonker.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ivojonker.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=326"}],"version-history":[{"count":8,"href":"https:\/\/www.ivojonker.nl\/index.php?rest_route=\/wp\/v2\/posts\/326\/revisions"}],"predecessor-version":[{"id":488,"href":"https:\/\/www.ivojonker.nl\/index.php?rest_route=\/wp\/v2\/posts\/326\/revisions\/488"}],"wp:attachment":[{"href":"https:\/\/www.ivojonker.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ivojonker.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ivojonker.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}