{"id":13147,"date":"2023-01-18T08:58:54","date_gmt":"2023-01-18T13:58:54","guid":{"rendered":"https:\/\/desis.osu.edu\/seniorthesis\/?p=13147"},"modified":"2023-01-18T15:13:53","modified_gmt":"2023-01-18T20:13:53","slug":"what-is-an-interactive-animation-and-how-do-we-make-one","status":"publish","type":"post","link":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/2023\/01\/18\/what-is-an-interactive-animation-and-how-do-we-make-one\/","title":{"rendered":"WHAT IS AN Interactive Animation and how do we make one?"},"content":{"rendered":"\n<p>Interactive animation is an animation that can be controlled by someone beyond just starting and stopping the animation.\u00a0Of course, this is broad enough to encompass games. Perhaps this ambiguity is a reason the phrase is rather obscure. Still, the phrase is useful as a vision \u2014 primarily on the Web where we interact with the mouse, finger or gamepad.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Notes<\/strong>:<\/p>\n\n\n\n<p>This article gives further good insights on what interactive animation is and how it can be presented on a web platform. It gives plenty concepts regarding interactive animation and many examples. I really like the <a rel=\"noreferrer noopener\" href=\"https:\/\/zimjs.com\/parallax.html\" target=\"_blank\">Scroll Parallax Demo Page<\/a>, an example of a scroller animation on a website. <\/p>\n\n\n\n<p>Below are several concepts\/types of interactive animation:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Sprite<\/strong>&nbsp;\u2014 the animation, usually runs at a specified speed<\/li>\n\n\n\n<li><strong>Dynamo<\/strong>&nbsp;\u2014 makes the Sprite run at variable speeds<\/li>\n\n\n\n<li><strong>Scroller&nbsp;<\/strong>\u2014 handles scrolling backgrounds<\/li>\n\n\n\n<li><strong>Accelerator<\/strong>&nbsp;\u2014 runs all the animations at a percent speed<\/li>\n\n\n\n<li><strong>MotionController<\/strong>\u00a0\u2014 controls with mouse, key or gamepad<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Reference<\/strong>:<\/p>\n\n\n\n<p>Abstract, D. (2022, September 28). <em>WHAT IS AN Interactive Animation and how do we make one?<\/em> Medium. Retrieved January 18, 2023, from https:\/\/levelup.gitconnected.com\/what-is-interactive-animation-1c0e080d1077<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"673\" height=\"646\" src=\"https:\/\/desis.osu.edu\/seniorthesis\/wp-content\/uploads\/2023\/01\/1_dgSsN1_JeWxVeuFx2Vb2rg.webp\" alt=\"\" class=\"wp-image-13149\" srcset=\"https:\/\/desis.osu.edu\/seniorthesis\/wp-content\/uploads\/2023\/01\/1_dgSsN1_JeWxVeuFx2Vb2rg.webp 673w, https:\/\/desis.osu.edu\/seniorthesis\/wp-content\/uploads\/2023\/01\/1_dgSsN1_JeWxVeuFx2Vb2rg-300x288.webp 300w, https:\/\/desis.osu.edu\/seniorthesis\/wp-content\/uploads\/2023\/01\/1_dgSsN1_JeWxVeuFx2Vb2rg-438x420.webp 438w\" sizes=\"auto, (max-width: 673px) 100vw, 673px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"994\" height=\"548\" src=\"https:\/\/desis.osu.edu\/seniorthesis\/wp-content\/uploads\/2023\/01\/1_ta6ZbqZ0eRPGVx6avXWOAA.webp\" alt=\"\" class=\"wp-image-13150\" srcset=\"https:\/\/desis.osu.edu\/seniorthesis\/wp-content\/uploads\/2023\/01\/1_ta6ZbqZ0eRPGVx6avXWOAA.webp 994w, https:\/\/desis.osu.edu\/seniorthesis\/wp-content\/uploads\/2023\/01\/1_ta6ZbqZ0eRPGVx6avXWOAA-300x165.webp 300w, https:\/\/desis.osu.edu\/seniorthesis\/wp-content\/uploads\/2023\/01\/1_ta6ZbqZ0eRPGVx6avXWOAA-768x423.webp 768w, https:\/\/desis.osu.edu\/seniorthesis\/wp-content\/uploads\/2023\/01\/1_ta6ZbqZ0eRPGVx6avXWOAA-696x385.webp 696w, https:\/\/desis.osu.edu\/seniorthesis\/wp-content\/uploads\/2023\/01\/1_ta6ZbqZ0eRPGVx6avXWOAA-762x420.webp 762w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Interactive animation is an animation that can be controlled by someone beyond just starting and stopping the animation.\u00a0Of course, this is broad enough to encompass games. Perhaps this ambiguity is a reason the phrase is rather obscure. Still, the phrase is useful as a vision \u2014 primarily on the Web where we interact with the [&hellip;]<\/p>\n","protected":false},"author":97,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,1],"tags":[],"class_list":{"0":"post-13147","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-arts","7":"category-uncategorized"},"_links":{"self":[{"href":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/wp-json\/wp\/v2\/posts\/13147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/wp-json\/wp\/v2\/users\/97"}],"replies":[{"embeddable":true,"href":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/wp-json\/wp\/v2\/comments?post=13147"}],"version-history":[{"count":2,"href":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/wp-json\/wp\/v2\/posts\/13147\/revisions"}],"predecessor-version":[{"id":13151,"href":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/wp-json\/wp\/v2\/posts\/13147\/revisions\/13151"}],"wp:attachment":[{"href":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/wp-json\/wp\/v2\/media?parent=13147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/wp-json\/wp\/v2\/categories?post=13147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desis.osu.edu\/seniorthesis\/index.php\/wp-json\/wp\/v2\/tags?post=13147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}