![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/20940.png\")
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/71562.png\")
![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/32247.png\")
<\/p>\nI was half complete with the tiling pattern project when it was due (hence the combined title) so I figured I’d finish it for the MidSemester review.<\/p>\n
I first created a 16×16 tile generator so I could draw my name (I made 15 tiles, 3 for each letter). Here are some examples:<\/p>\n
<\/p>\n
I then modified a wave function collapse implementation (after reading up about WFC’s and how they work) mentioned in this Processing thread<\/a> which is based off of mxgmn’s original implementation<\/a> to generate tilings of each of the letter tiles I produced as a sort of signature.\u00a0 And then I converted it to svg using marching squares.<\/p>\n Here’s one<\/p>\n I also presented a single tiling with used a brush pen, a willow stick, and a fine pen (just to play with the different textures.<\/p>\n I was also interested in exploring different ways of manipulating these tiles. Here are two experiments I did:<\/p>\n In one I wanted to do almost a “where’s waldo” with WFC, so I created a 16×16 waldo tile in my tile maker in processing and then generating multiple tilings.<\/p>\n I sort of want to make this my wallpaper.<\/p>\n Anyways, I ended up not plotting it because I ran out of time. I also think this would look better at a larger scale, so think of this as a little swatch test.<\/p>\n Another thing I wanted to do was see if the original letter appeared in any of the produced tilings. But I also didn’t want to hand annotate\/circle any letters I found, just because I thought that would be boring\/time consuming imo.<\/p>\n So instead I found another time consuming way to identify letters, trying to implement OCR(Optical Character Recognition)!<\/p>\n I implemented it in python and it generated the following results.<\/p>\n Some examples:<\/p>\n I think it was sort of interesting to uncover what the computer reads as “text”, but I ultimately didn’t plot any of them bc I didn’t think showing that part of the tile as a different color really added much + I didn’t have a lot of time.<\/p>\n Something interesting to note though…while generating these WFC patterns using the tiles I created, the letter R had the most contradictions I’ve ever seen. It was almost infuriating trying to get a single tiling to finish, because there was (like ~85% of the time) always a contradiction. I’m not too sure why exactly, maybe the diagonal bit of a “R” is prone to contradiction? But I also personally find the R’s the be the most visually appealing.<\/p>\n It looks itchy.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" I was half complete with the tiling pattern project when it was due (hence the combined title) so I figured I’d finish it for the MidSemester review. I first created a 16×16 tile generator so I could draw my name (I made 15 tiles, 3 for each letter). Here are some examples: I then modified … Continue reading “grape – Tiling Pattern \/ MidSemester”<\/span><\/a><\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[14,18],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1904"}],"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\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/comments?post=1904"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1904\/revisions"}],"predecessor-version":[{"id":1925,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1904\/revisions\/1925"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/media?parent=1904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/categories?post=1904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/tags?post=1904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/915.svg\")
<\/a>I sort of like how it’s almost a gradient and depending on the type of font the wave function collapse algorithm generates tilings with varying amount of order\/disorder.<\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/IMG_ACDA21249467-1-589x1024.jpeg\")
<\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/w1.png\")
<\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/S33o-1024x512.png\")
<\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/r32o-1024x512.png\")
<\/p>\n![\"\"](\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/11\/R3-1024x512.png\")
<\/p>\n