{"id":537,"date":"2022-02-07T00:31:59","date_gmt":"2022-02-07T05:31:59","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/?p=537"},"modified":"2022-02-07T09:46:03","modified_gmt":"2022-02-07T14:46:03","slug":"solar-loop","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/solar\/02\/07\/solar-loop\/","title":{"rendered":"Solar-Loop"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-547\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/image-1.gif\" alt=\"\" width=\"640\" height=\"640\" \/><\/p>\n<p>I knew I wanted to try to create the illusion of an object moving down a staircase using a loop. However, it was very difficult to time the movements of each object. After a few trials and errors, I was able to understand the key elements of creating an animated loop.\u00a0 I think I was able to successfully achieve the motion and rotation of the square falling. However, if I had more time, I would&#8217;ve played around with the animation of the cube (from the bottom of the staircase to the top) more. I would&#8217;ve also tried to make the floating staircase more dynamic\u2014flying up to catch the cube at the right time.<\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1462969\">https:\/\/openprocessing.org\/sketch\/1462969<\/a><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-539\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/IMG_8448-346x480.jpg\" alt=\"\" width=\"346\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/IMG_8448-346x480.jpg 346w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/IMG_8448-737x1024.jpg 737w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/IMG_8448-768x1067.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/IMG_8448-1106x1536.jpg 1106w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/IMG_8448-1475x2048.jpg 1475w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/IMG_8448-1200x1667.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/IMG_8448.jpg 1798w\" sizes=\"(max-width: 346px) 85vw, 346px\" \/><\/p>\n<p>(initial sketches)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I knew I wanted to try to create the illusion of an object moving down a staircase using a loop. However, it was very difficult to time the movements of each object. After a few trials and errors, I was able to understand the key elements of creating an animated loop.\u00a0 I think I was &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/solar\/02\/07\/solar-loop\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Solar-Loop&#8221;<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/537"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/comments?post=537"}],"version-history":[{"count":3,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/537\/revisions"}],"predecessor-version":[{"id":548,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/537\/revisions\/548"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/media?parent=537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/categories?post=537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/tags?post=537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}