{"id":1506,"date":"2021-10-06T13:31:41","date_gmt":"2021-10-06T17:31:41","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/?p=1506"},"modified":"2021-10-06T13:31:41","modified_gmt":"2021-10-06T17:31:41","slug":"lemonbear-tilingpattern","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/lemonbear\/10\/06\/lemonbear-tilingpattern\/","title":{"rendered":"lemonbear\u2014TilingPattern"},"content":{"rendered":"<p>I thought it would be fun to create an interactive tiling game, so I brainstormed some algorithmic rules vaguely following the spirit of Wang Tiles (connections have to flow across tile boundaries):<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1507 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-2.png\" alt=\"\" width=\"2160\" height=\"2535\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-2.png 2160w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-2-409x480.png 409w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-2-873x1024.png 873w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-2-768x901.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-2-1309x1536.png 1309w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-2-1745x2048.png 1745w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Untitled_Artwork-2-1200x1408.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>I learned how to use vsketch\/vpype (s\/o to Perry for the help) for this project. I&#8217;ve been meaning to try a project in Python for a while, because I can write the most haphazard bullshit code in Python (I&#8217;m like halfway comfortable with JS, I don&#8217;t know Java that well, anything C-based I have to be really careful in). The chaotic energy of Python has always felt most akin to the chaos of art making to me.\u00a0 Here is some of the code. It is terrible:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-1510\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/ezgif.com-gif-maker.gif\" alt=\"\" width=\"600\" height=\"375\" \/><\/p>\n<p>The final SVG looked like this:<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/bluh-2.svg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1513\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/bluh-2.svg\" alt=\"\" width=\"640\" height=\"480\" \/><\/a><\/p>\n<p>I then spent half an hour laser cutting:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1515 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_223851141-scaled.jpg\" alt=\"\" width=\"1920\" height=\"2560\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_223851141-scaled.jpg 1920w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_223851141-360x480.jpg 360w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_223851141-768x1024.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_223851141-1152x1536.jpg 1152w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_223851141-1536x2048.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_223851141-1200x1600.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1516 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_225348933-scaled.jpg\" alt=\"\" width=\"1920\" height=\"2560\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_225348933-scaled.jpg 1920w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_225348933-360x480.jpg 360w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_225348933-768x1024.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_225348933-1152x1536.jpg 1152w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_225348933-1536x2048.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_225348933-1200x1600.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1517 size-full\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_232226574-scaled.jpg\" alt=\"\" width=\"1920\" height=\"2560\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_232226574-scaled.jpg 1920w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_232226574-360x480.jpg 360w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_232226574-768x1024.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_232226574-1152x1536.jpg 1152w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_232226574-1536x2048.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/PXL_20211005_232226574-1200x1600.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>I brought these to the STUDIO and people got to play with them, which made me really happy. The numbers produced mixed reactions\u2014a lot of people thought they contextualized each tile piece too heavily and were too obtrusive, which I somewhat agree with. I do think the ability to move the pieces around and have clear evidence that they&#8217;re not in their designated place is interesting\u2014&#8221;the rules are obviously broken, but the beauty persists&#8221; kind of deal.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I thought it would be fun to create an interactive tiling game, so I brainstormed some algorithmic rules vaguely following the spirit of Wang Tiles (connections have to flow across tile boundaries): I learned how to use vsketch\/vpype (s\/o to Perry for the help) for this project. I&#8217;ve been meaning to try a project in &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/lemonbear\/10\/06\/lemonbear-tilingpattern\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;lemonbear\u2014TilingPattern&#8221;<\/span><\/a><\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1506"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/comments?post=1506"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1506\/revisions"}],"predecessor-version":[{"id":1519,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1506\/revisions\/1519"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/media?parent=1506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/categories?post=1506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/tags?post=1506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}