{"id":4402,"date":"2020-09-02T03:36:13","date_gmt":"2020-09-02T07:36:13","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=4402"},"modified":"2020-09-02T13:29:29","modified_gmt":"2020-09-02T17:29:29","slug":"axol-map","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yunyizhaandrew-cmu-edu\/09\/02\/axol-map\/","title":{"rendered":"axol-Map"},"content":{"rendered":"<p><strong>Distant Planet<\/strong><\/p>\n<p><em>Looking through your amateur telescope, you can&#8217;t see much. The hills and valleys seem to stretch on endlessly. Nevertheless, you diligently mapped everything down, and looked harder for signs of life.\u00a0<\/em><\/p>\n<p><a href=\"https:\/\/editor.p5js.org\/axol\/full\/l8zbG-xLd\">Map more wasteland<\/a>!<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-4403 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/01-map-axol.gif\" alt=\"\" width=\"600\" height=\"580\" \/><\/p>\n<p>Process:<\/p>\n<figure id=\"attachment_4404\" aria-describedby=\"caption-attachment-4404\" style=\"width: 640px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"wp-image-4404 size-medium\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/axol-progress-640x319.png\" alt=\"\" width=\"640\" height=\"319\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/axol-progress-640x319.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/axol-progress-1024x511.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/axol-progress-768x383.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/axol-progress.png 1033w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-4404\" class=\"wp-caption-text\">1.) basic isosurfaces from &#8220;islands&#8221; 2.) set thresholds so it looks more like topography maps 3.) dynamic coloring base on height 4.) further tweaking of variables<\/figcaption><\/figure>\n<p>I wanted to create a topographic map, and I happened to stumble on <a href=\"https:\/\/www.youtube.com\/watch?v=ccYLb7cLB1I\">this<\/a> tutorial which I thought could be used achieve the effect I want. The &#8220;islands&#8221; are generated at random locations on the map, with a random size and height(shown in yellow circles in\u00a0 1-2). The color of each pixel is then evaluated base on their distance to all islands and the height of that island, and I specified thresholds so it appears more like &#8220;levels&#8221; of land . At last, there&#8217;s some randomly generated coordinates and map legend drawn.<\/p>\n<p>Although my original intention is to create like an &#8220;island on ocean&#8221; kind of map, I really liked the black and white color scheme and stuck with it. It reminded me of pictures of the moon&#8217;s surface.<\/p>\n<p>More Pictures:<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-4406\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-20-480x480.png\" alt=\"\" width=\"480\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-20-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-20-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-20-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-20-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-20-1200x1200.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-20.png 1280w\" sizes=\"(max-width: 480px) 85vw, 480px\" \/> <img loading=\"lazy\" class=\"alignnone size-medium wp-image-4405\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-18-480x480.png\" alt=\"\" width=\"480\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-18-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-18-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-18-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-18-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-18-1200x1200.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-18.png 1280w\" sizes=\"(max-width: 480px) 85vw, 480px\" \/> <img loading=\"lazy\" class=\"alignnone size-medium wp-image-4408\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-480x480.png\" alt=\"\" width=\"480\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-1200x1200.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download.png 1280w\" sizes=\"(max-width: 480px) 85vw, 480px\" \/> <img loading=\"lazy\" class=\"alignnone size-medium wp-image-4507\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-1-480x480.png\" alt=\"\" width=\"480\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-1-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-1-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-1-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-1-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-1-1200x1200.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/download-1.png 1280w\" sizes=\"(max-width: 480px) 85vw, 480px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Distant Planet Looking through your amateur telescope, you can&#8217;t see much. The hills and valleys seem to stretch on endlessly. Nevertheless, you diligently mapped everything down, and looked harder for signs of life.\u00a0 Map more wasteland! Process: I wanted to create a topographic map, and I happened to stumble on this tutorial which I thought &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yunyizhaandrew-cmu-edu\/09\/02\/axol-map\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;axol-Map&#8221;<\/span><\/a><\/p>\n","protected":false},"author":50,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[41],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4402"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=4402"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4402\/revisions"}],"predecessor-version":[{"id":4509,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4402\/revisions\/4509"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=4402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=4402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}