{"id":4735,"date":"2020-09-09T03:48:38","date_gmt":"2020-09-09T07:48:38","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=4735"},"modified":"2020-09-09T14:44:44","modified_gmt":"2020-09-09T18:44:44","slug":"axol-livingwallpaper","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yunyizhaandrew-cmu-edu\/09\/09\/axol-livingwallpaper\/","title":{"rendered":"axol-LivingWallpaper"},"content":{"rendered":"<p>I wanted to make a transforming tiling pattern that continuously transforms into different shapes. With a little more research I realized it&#8217;s actually kind of hard to transform between tiling patterns. I am not very satisfied with the end product because I really don&#8217;t like the colors. But this was my best attempt after trying many color palettes so I had to stick with it \ud83d\ude41<\/p>\n<p>The shapes are described as a series of points, and I used multiple transformation functions to go between shapes and colors, such as exponentialIn, circularInOut, normalizedInverseErf, etc.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4736\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/ezgif.com-gif-maker.gif\" alt=\"\" width=\"640\" height=\"360\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-4889\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/1-2-640x480.jpg\" alt=\"\" width=\"640\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/1-2-640x480.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/1-2-1024x768.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/1-2-768x576.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/1-2-1200x900.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/1-2-rotated.jpg 1440w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I wanted to make a transforming tiling pattern that continuously transforms into different shapes. With a little more research I realized it&#8217;s actually kind of hard to transform between tiling patterns. I am not very satisfied with the end product because I really don&#8217;t like the colors. But this was my best attempt after trying &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/yunyizhaandrew-cmu-edu\/09\/09\/axol-livingwallpaper\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;axol-LivingWallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":50,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[43],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4735"}],"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\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=4735"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4735\/revisions"}],"predecessor-version":[{"id":4890,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4735\/revisions\/4890"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=4735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=4735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}