{"id":4259,"date":"2020-09-01T22:39:40","date_gmt":"2020-09-02T02:39:40","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=4259"},"modified":"2020-09-02T15:24:54","modified_gmt":"2020-09-02T19:24:54","slug":"junebug-map","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/lannalandrew-cmu-edu\/09\/01\/junebug-map\/","title":{"rendered":"junebug-Map"},"content":{"rendered":"<p><a href=\"https:\/\/editor.p5js.org\/junebug1\/sketches\/g2JHqkp_m\">Link to project<\/a><\/p>\n<p>Description:<br \/>\nI&#8217;m very interested in the structure and chaos of city planning and the geometry that results from it. View from an aerial perspective, there exists symmetry and asymmetry, as well as a lack of identity.<\/p>\n<p>Technical Process:<br \/>\nI chose to use basic shapes that are typically seen when you view grid-plan cities from an aerial view. Artifacts include trees, house roofs, and bodies of water all from three for loops. Each time the mouse is clicked, the city grid layout is always different, but overall, they end up looking almost the same &#8211; akin to perceptual differentiation. The colors are generated randomly but limited to certain RGB codes that represent the formal colors of each artifact. I was inspired by my hometown, where our city grid is very visible aerially because of our flat terrain.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-4260 size-medium\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/city_map-472x480.jpg\" alt=\"\" width=\"472\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/city_map-472x480.jpg 472w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/city_map-1006x1024.jpg 1006w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/city_map-768x782.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/city_map-1200x1221.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/city_map.jpg 1228w\" sizes=\"(max-width: 472px) 85vw, 472px\" \/><\/p>\n<p><em>Inspiration picture of a city grid plan<\/em><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4280\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-gif-map.gif\" alt=\"\" width=\"572\" height=\"572\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4285\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map1.png\" alt=\"\" width=\"568\" height=\"572\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map1.png 568w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map1-477x480.png 477w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map1-150x150.png 150w\" sizes=\"(max-width: 568px) 85vw, 568px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4284\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map2.png\" alt=\"\" width=\"571\" height=\"567\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map2.png 571w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map2-483x480.png 483w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map2-150x150.png 150w\" sizes=\"(max-width: 571px) 85vw, 571px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4283\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map3.png\" alt=\"\" width=\"569\" height=\"568\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map3.png 569w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map3-481x480.png 481w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map3-150x150.png 150w\" sizes=\"(max-width: 569px) 85vw, 569px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4282\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map4.png\" alt=\"\" width=\"567\" height=\"567\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map4.png 567w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map4-480x480.png 480w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/junebug-map4-150x150.png 150w\" sizes=\"(max-width: 567px) 85vw, 567px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Link to project Description: I&#8217;m very interested in the structure and chaos of city planning and the geometry that results from it. View from an aerial perspective, there exists symmetry and asymmetry, as well as a lack of identity. Technical Process: I chose to use basic shapes that are typically seen when you view grid-plan &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/lannalandrew-cmu-edu\/09\/01\/junebug-map\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;junebug-Map&#8221;<\/span><\/a><\/p>\n","protected":false},"author":51,"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\/4259"}],"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\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=4259"}],"version-history":[{"count":6,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4259\/revisions"}],"predecessor-version":[{"id":4589,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4259\/revisions\/4589"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=4259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=4259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}