{"id":4695,"date":"2020-09-09T09:00:42","date_gmt":"2020-09-09T13:00:42","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=4695"},"modified":"2020-09-09T10:18:41","modified_gmt":"2020-09-09T14:18:41","slug":"marimonda-livingwallpaper","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/abonillaandrew-cmu-edu\/09\/09\/marimonda-livingwallpaper\/","title":{"rendered":"marimonda – LivingWallpaper"},"content":{"rendered":"

<\/p>\n

link to project!<\/a><\/p>\n

link to the GIF in case the one above breaks!<\/a><\/p>\n

I had a lot of pain making this, in part because I had issues in trying to figure out what it was that I wanted to make. I went through a lot ideas surrounding type and marimonda<\/a> masks but I eventually decided in doing something more representational as I approached the prompt. I have been thinking a lot about the internet as a sort of panopticon and the whole bunch of privacy concerns that zoom brings in. So it seemed fitting to do something related to this as the background I’d be wearing on Zoom. In terms of technical elements, I used mainly gradients, blends and and simple trigonometric motion while making my objects loop. In terms of motion specifically, I used Lissajous figures in terms of tracking the movement of the eye and I used the Double-Exponential Sigmoid for the camera movement of the poles! I really liked making the eye specifically, especially since I was able to make it seem like the eye got bigger and smaller by resizing different parts of it. Overall, I really wish I had figured out a better way to shift the mountains (like a motion parallax effect) on the background while maintaining noise and randomness. As it is, the mountains are not moving and are made very simply with noise. My colors are a bit different on my monitor than in other displays so I wish I had taken that into consideration while picking colors.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

link to project! link to the GIF in case the one above breaks! I had a lot of pain making this, in part because I had issues in trying to figure out what it was that I wanted to make. I went through a lot ideas surrounding type and marimonda masks but I eventually decided … Continue reading “marimonda – LivingWallpaper”<\/span><\/a><\/p>\n","protected":false},"author":43,"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\/4695"}],"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\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=4695"}],"version-history":[{"count":7,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4695\/revisions"}],"predecessor-version":[{"id":4767,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4695\/revisions\/4767"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=4695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=4695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}