{"id":1345,"date":"2021-10-05T18:23:03","date_gmt":"2021-10-05T22:23:03","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/?p=1345"},"modified":"2021-10-06T11:03:46","modified_gmt":"2021-10-06T15:03:46","slug":"marimonda-tiling","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/marimonda\/10\/05\/marimonda-tiling\/","title":{"rendered":"marimonda &#8211; TilingPattern"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895072058613047366\/black_pink.gif\" width=\"307\" height=\"309\" \/><\/p>\n<p>I always thought some of the rules in Cellular automatons often resembled Iberian tilings and thought it would be cool to do something like that. Also plotted animation is awesome and I wanted to give it a try.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895072063172280380\/bw_yoyo.gif\" width=\"308\" height=\"315\" \/><img decoding=\"async\" loading=\"lazy\" class=\"\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895072064682197002\/mbw.gif\" width=\"273\" height=\"280\" \/><\/p>\n<p>I made an interface that allows me to modify the rules for the CA as well as the starting seed of the algorithm (including a random seed).<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895072073226010624\/misreg_yoyo.gif\" width=\"286\" height=\"286\" \/><img decoding=\"async\" loading=\"lazy\" class=\"\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895072075654496256\/multicolor.gif\" width=\"291\" height=\"290\" \/><\/p>\n<p>For those wondering how the pattern works, in essence, it utilizes a persistence effect and retains some of the cells from the previous iteration marked with a different pattern. This results in four total layers where each of the four patterns can be overlayed on top of each other.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895322575356444692\/unknown.png\" \/>(off cell) <img decoding=\"async\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895322384192667728\/unknown.png\" \/> (on cell)<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895323734490103878\/unknown.png\" \/> (off*,1)<img decoding=\"async\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895323280368623667\/unknown.png\" \/> (off*,2)<\/p>\n<p>(off*, n)-&gt; off, last on n frames ago.<\/p>\n<p>Conway&#8217;s game of life + basic interface:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895325297459740682\/conway.gif\" \/><\/p>\n<p>I added some of the pictures\/themes I was considering in making this below. Obviously, not all of the pictures fit my idea in the final cut. But I experimented with a lot of these ideas. I originally started out by making hyperbolic tilings, which proved to be kind of annoying to implement given the timeframe though. I really like CA&#8217;s and tilings though, so I went with that.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/cdn.discordapp.com\/attachments\/720701646077952116\/895072079228059678\/multicolor_yoyo.gif\" \/><\/p>\n<p><!--more--><\/p>\n<p>Hyperbolic tilings:<\/p>\n<p><img decoding=\"async\" class=\"n3VNCb\" src=\"https:\/\/i.ytimg.com\/vi\/4Me94JK09uk\/maxresdefault.jpg\" alt=\"Hyperbolic Tiling 120405 - YouTube\" data-noaft=\"1\" \/><\/p>\n<p><img decoding=\"async\" class=\"n3VNCb\" src=\"http:\/\/www.malinc.se\/m\/images\/summaryDistortion.png\" alt=\"Make Hyperbolic Tilings of Images\" data-noaft=\"1\" \/><\/p>\n<p><img decoding=\"async\" class=\"n3VNCb\" src=\"https:\/\/www.researchgate.net\/profile\/S-Hyde\/publication\/233453587\/figure\/fig12\/AS:300016062222361@1448540811805\/The-top-row-shows-related-tilings-of-a-elliptic-b-Euclidean-and-c-hyperbolic-2D.png\" alt=\"The top row shows related tilings of (a) elliptic, (b) Euclidean and... | Download Scientific Diagram\" data-noaft=\"1\" \/><\/p>\n<p>Wayuu:<img decoding=\"async\" class=\"n3VNCb\" src=\"https:\/\/media.istockphoto.com\/photos\/colorful-wares-picture-id476180648?k=20&amp;m=476180648&amp;s=612x612&amp;w=0&amp;h=0ccZ91Ib2dwazucYDASicGYQCbY5bXNXCHkc1ha7K7M=\" alt=\"14,407 Colombian Culture Stock Photos, Pictures &amp;amp; Royalty-Free Images - iStock\" data-noaft=\"1\" \/><\/p>\n<p><img decoding=\"async\" class=\"n3VNCb\" src=\"https:\/\/wayuupatterns.com\/img\/cms\/5%20Reasons%20Why%20Wayuu%20Bags%20Are%20True%20Eye%20Candy\/4.png\" alt=\"5 Reasons Why Handmade Wayuu Bags Are True Eye Candy - Wayuu Patterns Official Blog\" data-noaft=\"1\" \/><\/p>\n<p>Kuna (mola):<\/p>\n<p><img decoding=\"async\" class=\"n3VNCb\" src=\"https:\/\/i1.wp.com\/joebrownadventuresco.ipower.com\/dev\/wp-content\/uploads\/2018\/09\/Tipo-de-Formas-de-Molas.png?resize=960%2C224\" alt=\"The Mola of the Kuna Indians from Panama and Colombia\" data-noaft=\"1\" \/><\/p>\n<p>Zenu (Sinu):<\/p>\n<p><img decoding=\"async\" class=\"n3VNCb\" src=\"https:\/\/i.pinimg.com\/600x315\/d9\/26\/d5\/d926d59724aacb152a222a2a0a132f2e.jpg\" alt=\"These beautiful bracelets are crafted by some of the remaining Zenu Indians of Colombia. They braid strips of ca\u00f1a fle\u2026 | Bead loom patterns, Loom patterns, Weaving\" data-noaft=\"1\" \/><\/p>\n<p>Azulejas (portuguese\/spaniard\/iberoamerican):<\/p>\n<p><img decoding=\"async\" class=\"n3VNCb\" src=\"https:\/\/www.the-yeatman-hotel.com\/fotos\/gca\/adesivo_de_parede_azulejos_15_papel_de_parede_4602656385928603994325.jpg\" alt=\"Portuguese Azulejos - The Yeatman Hotel\" data-noaft=\"1\" \/><\/p>\n<p>Colombian azulejos\/tiles:<\/p>\n<p><img decoding=\"async\" class=\"n3VNCb\" src=\"https:\/\/c8.alamy.com\/compes\/2a37989\/conjunto-de-coloridos-azulejos-de-ceramica-tradicional-de-la-ciudad-de-cartagena-de-indias-colombia-2a37989.jpg\" alt=\"Conjunto de coloridos azulejos de cer\u00e1mica tradicional de la ciudad de Cartagena de Indias, Colombia Fotograf\u00eda de stock - Alamy\" data-noaft=\"1\" \/><\/p>\n<p><img decoding=\"async\" class=\"n3VNCb\" src=\"https:\/\/thumbs.dreamstime.com\/b\/traditional-tiles-porto-portugal-set-35549038.jpg\" alt=\"Colorful Traditional Ceramic Tiles from Cartagena, Colombia Stock Image - Image of decorative, signage: 160344101\" data-noaft=\"1\" \/><\/p>\n<p><img decoding=\"async\" class=\"n3VNCb\" src=\"https:\/\/thumbs.dreamstime.com\/z\/details-colorful-facade-buildings-guatape-colombia-september-each-building-town-has-bright-color-tiles-along-lower-162317342.jpg\" alt=\"Details From Colorful Facade On The Buildings In Guatape, Colombia Editorial Photography - Image of design, colombian: 162317342\" data-noaft=\"1\" \/><\/p>\n<p>Previous stuff I&#8217;ve done with CAs:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1468\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/3-277x480.png\" alt=\"\" width=\"277\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/3-277x480.png 277w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/3-591x1024.png 591w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/3-768x1330.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/3-887x1536.png 887w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/3.png 1164w\" sizes=\"(max-width: 277px) 85vw, 277px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1470\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Capture-640x455.png\" alt=\"\" width=\"640\" height=\"455\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Capture-640x455.png 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Capture-768x546.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Capture.png 884w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/> <img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1471\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Prototype-UI_2-640x416.png\" alt=\"\" width=\"640\" height=\"416\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Prototype-UI_2-640x416.png 640w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Prototype-UI_2-768x500.png 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/10\/Prototype-UI_2.png 982w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I always thought some of the rules in Cellular automatons often resembled Iberian tilings and thought it would be cool to do something like that. Also plotted animation is awesome and I wanted to give it a try. I made an interface that allows me to modify the rules for the CA as well as &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/marimonda\/10\/05\/marimonda-tiling\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;marimonda &#8211; TilingPattern&#8221;<\/span><\/a><\/p>\n","protected":false},"author":4,"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\/1345"}],"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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/comments?post=1345"}],"version-history":[{"count":8,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1345\/revisions"}],"predecessor-version":[{"id":1486,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1345\/revisions\/1486"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/media?parent=1345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/categories?post=1345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/tags?post=1345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}