{"id":4808,"date":"2020-09-09T13:46:27","date_gmt":"2020-09-09T17:46:27","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=4808"},"modified":"2020-11-13T03:19:09","modified_gmt":"2020-11-13T08:19:09","slug":"sticks-livingwallpaper","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/rickzandrew-cmu-edu\/09\/09\/sticks-livingwallpaper\/","title":{"rendered":"sticks-LivingWallpaper"},"content":{"rendered":"<p><strong>Living Wallpaper<\/strong><\/p>\n<p><strong>GIF<\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4809\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/ezgif.com-gif-maker-1.gif\" alt=\"\" width=\"595\" height=\"335\" \/><\/p>\n<p><strong>screen recording with better quality:\u00a0<\/strong><\/p>\n<div style=\"width: 840px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-4808-1\" width=\"840\" height=\"473\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/living-wallpaper.mp4?_=1\" \/><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/living-wallpaper.mp4\">https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/living-wallpaper.mp4<\/a><\/video><\/div>\n<p>My initial goals for this project was to create a mesmerizing space with shapes, so I wanted to focus a lot on creating an animation that has objects flying through and out of the frame and one that felt less static. I wanted to implement rotation as part of my infinite loop, where shapes will loop out of the frame, and then loop back in. I also wanted to create a funnel-like and vortex kind of motion with the shapes, where the distance from the center of the vortex allows objects to behave differently. I later chose to use rectangles for every object, as every different kind of rectangle had its own behavior. The paths of the flying rectangles were defined by various equations, where I combined the sin, cos, and tan equations while adding rotation to create different orbit behaviors.<\/p>\n<p>I think my living-wallpaper is a good starting point as a living wall-paper, but I could have added better rotational elements and visuals to create more character within each of the objects. I think playing with color, and how color and value changes as the objects rotate would&#8217;ve made this project more successful, since it still reads as a 2-D twirl and less of a 3-D vortex. I think the background could also be further developed and strengthen the the warping of a vortex and containing more depth in color.<\/p>\n<p><a href=\"https:\/\/editor.p5js.org\/rickz\/sketches\/1Ce9FsSmnl\">Link to my project<\/a><\/p>\n<p><strong>sketch<\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone  wp-image-4863\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_7719-scaled.jpg\" alt=\"\" width=\"446\" height=\"262\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_7719-scaled.jpg 2560w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_7719-640x376.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_7719-1024x601.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_7719-768x451.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_7719-1536x901.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_7719-2048x1202.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/IMG_7719-1200x704.jpg 1200w\" sizes=\"(max-width: 446px) 85vw, 446px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Living Wallpaper GIF screen recording with better quality:\u00a0 My initial goals for this project was to create a mesmerizing space with shapes, so I wanted to focus a lot on creating an animation that has objects flying through and out of the frame and one that felt less static. I wanted to implement rotation as &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/rickzandrew-cmu-edu\/09\/09\/sticks-livingwallpaper\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;sticks-LivingWallpaper&#8221;<\/span><\/a><\/p>\n","protected":false},"author":55,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":[],"categories":[43],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4808"}],"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\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=4808"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4808\/revisions"}],"predecessor-version":[{"id":4865,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/4808\/revisions\/4865"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=4808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=4808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=4808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}