{"id":4308,"date":"2020-09-01T22:41:46","date_gmt":"2020-09-02T02:41:46","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=4308"},"modified":"2020-09-17T12:37:20","modified_gmt":"2020-09-17T16:37:20","slug":"lampsauce-map","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/shivanapandrew-cmu-edu\/09\/01\/lampsauce-map\/","title":{"rendered":"lampsauce-Map"},"content":{"rendered":"<p>My <a href=\"https:\/\/editor.p5js.org\/coolbeans\/present\/QmPJ8apnh\" target=\"_blank\" rel=\"noopener noreferrer\">imaginary world<\/a>, much like our own planet, has several land masses over a vast ocean. It also depicts several cities with varying populations. The ocean level varies with each generation, allowing for both huge continents and small island clusters to occur.<\/p>\n<p><img loading=\"lazy\" class=\"wp-image-4309 size-full aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Recording-2020-09-01-at-10.30.42-PM.gif\" alt=\"\" width=\"600\" height=\"600\" \/><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/editor.p5js.org\/coolbeans\/sketches\/QmPJ8apnh\" target=\"_blank\" rel=\"noopener noreferrer\">CODE<\/a><\/p>\n<p style=\"text-align: center\">Variations of Generator<\/p>\n<div id='gallery-1' class='gallery galleryid-4308 gallery-columns-2 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.35-PM.png'><img width=\"482\" height=\"480\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.35-PM-482x480.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.35-PM-482x480.png 482w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.35-PM-1024x1021.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.35-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.35-PM-768x766.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.35-PM-1200x1196.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.35-PM.png 1270w\" sizes=\"(max-width: 482px) 85vw, 482px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.08-PM.png'><img width=\"480\" height=\"480\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.08-PM-480x480.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.08-PM-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.08-PM-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.08-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.08-PM-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.08-PM-1200x1200.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.05.08-PM.png 1272w\" sizes=\"(max-width: 480px) 85vw, 480px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.04.19-PM.png'><img width=\"480\" height=\"480\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.04.19-PM-480x480.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.04.19-PM-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.04.19-PM-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.04.19-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.04.19-PM-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.04.19-PM-1200x1200.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.04.19-PM.png 1272w\" sizes=\"(max-width: 480px) 85vw, 480px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.03.47-PM.png'><img width=\"481\" height=\"480\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.03.47-PM-481x480.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.03.47-PM-481x480.png 481w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.03.47-PM-1024x1022.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.03.47-PM-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.03.47-PM-768x767.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.03.47-PM-1200x1198.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-01-at-8.03.47-PM.png 1272w\" sizes=\"(max-width: 481px) 85vw, 481px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<p style=\"text-align: center\"><strong>Process<\/strong><\/p>\n<p>This map generator creates a 3D terrain using Perlin noise. The map&#8217;s scale and ocean level is chosen at random. The points are stratified by whether or not they are below the ocean level. The points below the ocean are colored by mapping each depth to a corresponding HSL color range. I wanted the land masses to look like a treasure map, so I mapped the land points to a specified color range.<\/p>\n<p>The number of cities is directly proportional to the amount of land. I was curious what it would look like if I could raise or lower the ocean level of a given map. If you use the left\/right arrow keys the ocean level will raise and lower. The cities &amp; populations will adjust accordingly.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-4332 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Recording-2020-09-01-at-10.31.04-PM.gif\" alt=\"\" width=\"700\" height=\"700\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>My imaginary world, much like our own planet, has several land masses over a vast ocean. It also depicts several cities with varying populations. The ocean level varies with each generation, allowing for both huge continents and small island clusters to occur. CODE Variations of Generator Process This map generator creates a 3D terrain using &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/shivanapandrew-cmu-edu\/09\/01\/lampsauce-map\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;lampsauce-Map&#8221;<\/span><\/a><\/p>\n","protected":false},"author":56,"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\/4308"}],"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\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=4308"}],"version-history":[{"count":11,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4308\/revisions"}],"predecessor-version":[{"id":5295,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4308\/revisions\/5295"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=4308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=4308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}