{"id":4528,"date":"2020-09-02T14:15:07","date_gmt":"2020-09-02T18:15:07","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=4528"},"modified":"2020-09-02T14:15:07","modified_gmt":"2020-09-02T18:15:07","slug":"shoez-map","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/shuyuzhaandrew-cmu-edu\/09\/02\/shoez-map\/","title":{"rendered":"shoez-Map"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><strong>Cirlrea<span class=\"Apple-converted-space\">\u00a0<\/span><\/strong><\/p>\n<p>Cirlrea is a uniquely shaped world where important landmarks are marked by filled in circles and the surrounding circles represent the elevation. Unlike Earth, Cirlrea was once a planet covered in moss-green water. The landmarks are all manmade and they house what is thought to be the last pockets of humanity.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>Initially, I wanted to create a map that could mimic the look of train maps typically seen in brochures and underground train stations. However, I quickly realized I had to add a lot of constraints so the look of the train lines would be aesthetically pleasing. The final product was inspired by contour maps. I liked the look of rings around a filled center and while I tried with other shapes, I ended up liking the look of circles the best. I didn\u2019t want the map to represent earth, but I did want the overlapping contours to create the feeling of land masses. I used a nested for loop to determine how many circles I wanted and another to determine how many rings would be around the respective circle. The rest was just choosing colors and numbers to increase the diversity of circles.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/editor.p5js.org\/shoez\/sketches\/rByOFtSEs\">Link<\/a><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.46.05-PM.png\"><img loading=\"lazy\" class=\"alignnone wp-image-4537\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.46.05-PM-479x480.png\" alt=\"\" width=\"241\" height=\"241\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.46.05-PM-479x480.png 479w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.46.05-PM-1022x1024.png 1022w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.46.05-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.46.05-PM-768x769.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.46.05-PM-1200x1202.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.46.05-PM.png 1278w\" sizes=\"(max-width: 241px) 85vw, 241px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM.png\"><img loading=\"lazy\" class=\"alignnone wp-image-4539\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-480x480.png\" alt=\"\" width=\"239\" height=\"239\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-1200x1200.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM.png 1272w\" sizes=\"(max-width: 239px) 85vw, 239px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Animated-GIF-downsized-3.gif\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-4557\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Animated-GIF-downsized-3.gif\" alt=\"\" width=\"480\" height=\"480\" \/><\/a><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.50.05-PM.png\"><img loading=\"lazy\" class=\"alignnone wp-image-4540\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.50.05-PM-480x480.png\" alt=\"\" width=\"239\" height=\"239\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.50.05-PM-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.50.05-PM-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.50.05-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.50.05-PM-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.50.05-PM-1200x1200.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.50.05-PM.png 1278w\" sizes=\"(max-width: 239px) 85vw, 239px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM.png\"><img loading=\"lazy\" class=\"alignnone wp-image-4539\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-480x480.png\" alt=\"\" width=\"241\" height=\"241\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM-1200x1200.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.56-PM.png 1272w\" sizes=\"(max-width: 241px) 85vw, 241px\" \/><\/a><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-02-at-1.49.48-PM.png\"><br \/>\n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Cirlrea\u00a0 Cirlrea is a uniquely shaped world where important landmarks are marked by filled in circles and the surrounding circles represent the elevation. Unlike Earth, Cirlrea was once a planet covered in moss-green water. The landmarks are all manmade and they house what is thought to be the last pockets of humanity.\u00a0 Initially, I &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/shuyuzhaandrew-cmu-edu\/09\/02\/shoez-map\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;shoez-Map&#8221;<\/span><\/a><\/p>\n","protected":false},"author":57,"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\/4528"}],"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\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=4528"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4528\/revisions"}],"predecessor-version":[{"id":4563,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4528\/revisions\/4563"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4528"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=4528"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=4528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}