{"id":5016,"date":"2024-03-17T21:16:23","date_gmt":"2024-03-18T01:16:23","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/?p=5016"},"modified":"2024-04-30T17:12:44","modified_gmt":"2024-04-30T21:12:44","slug":"animation-week-7","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/2024\/03\/17\/animation-week-7\/","title":{"rendered":"Bouncing Animation Week 7"},"content":{"rendered":"\n<p>Jour Morton<\/p>\n\n\n\n<p><a href=\"https:\/\/editor.p5js.org\/ruoj\/sketches\/LmgA0xhnH\">click for link to code<\/a><\/p>\n\n\n\n<p>A simple animation featuring a cone-shaped character randomly bounces off the edges of the canvas, creating a dynamic movement pattern. The background colors change randomly, providing visual variety. No mouse interaction is required; the animation runs automatically. The pupils and eyes of the Cone Head are programmed to move from right to left. While the pupils move horizontally, the Cone Head simultaneously oscillates vertically<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"878\" height=\"670\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.39.56\u202fPM.png\" alt=\"\" class=\"wp-image-5006\" style=\"width:180px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.39.56\u202fPM.png 878w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.39.56\u202fPM-300x229.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.39.56\u202fPM-768x586.png 768w\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" \/><figcaption class=\"wp-element-caption\">Boing<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"646\" height=\"680\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.28.13\u202fPM.png\" alt=\"\" class=\"wp-image-4994\" style=\"width:154px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.28.13\u202fPM.png 646w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.28.13\u202fPM-285x300.png 285w\" sizes=\"auto, (max-width: 646px) 100vw, 646px\" \/><figcaption class=\"wp-element-caption\">boing<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"816\" height=\"644\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.40.52\u202fPM.png\" alt=\"\" class=\"wp-image-5004\" style=\"width:172px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.40.52\u202fPM.png 816w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.40.52\u202fPM-300x237.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.40.52\u202fPM-768x606.png 768w\" sizes=\"auto, (max-width: 816px) 100vw, 816px\" \/><figcaption class=\"wp-element-caption\">Boing<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"832\" height=\"672\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.40.42\u202fPM.png\" alt=\"\" class=\"wp-image-5005\" style=\"width:166px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.40.42\u202fPM.png 832w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.40.42\u202fPM-300x242.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-content\/uploads\/sites\/3601\/2024\/03\/Screenshot-2024-03-17-at-8.40.42\u202fPM-768x620.png 768w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><figcaption class=\"wp-element-caption\">boing<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Jour Morton click for link to code A simple animation featuring a cone-shaped character randomly bounces off the edges of the canvas, creating a dynamic movement pattern. The background colors change randomly, providing visual variety. No mouse interaction is required; the animation runs automatically. The pupils and eyes of the Cone Head are programmed to&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/2024\/03\/17\/animation-week-7\/\">Continue reading <span class=\"screen-reader-text\">Bouncing Animation Week 7<\/span><\/a><\/p>\n","protected":false},"author":4525,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[119],"tags":[],"coauthors":[170],"class_list":["post-5016","post","type-post","status-publish","format-standard","hentry","category-assignment-7","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/posts\/5016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/users\/4525"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/comments?post=5016"}],"version-history":[{"count":4,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/posts\/5016\/revisions"}],"predecessor-version":[{"id":5555,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/posts\/5016\/revisions\/5555"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/media?parent=5016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/categories?post=5016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/tags?post=5016"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-210-spring-2024\/wp-json\/wp\/v2\/coauthors?post=5016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}