{"id":5387,"date":"2022-01-24T23:58:29","date_gmt":"2022-01-24T23:58:29","guid":{"rendered":"https:\/\/www.thisgoodboy.com\/site\/?p=5387"},"modified":"2022-01-24T23:58:33","modified_gmt":"2022-01-24T23:58:33","slug":"thoughts-on-easing","status":"publish","type":"post","link":"https:\/\/www.thisgoodboy.com\/site\/2022\/01\/24\/thoughts-on-easing\/","title":{"rendered":"Thoughts on easing"},"content":{"rendered":"\n<p>I\u2019ve seen a lot of posts , gifs, iconographics online over the years on animation easing and it always bothered me the way some of them are structured\u2026 it always felt like a easy 1 2 3 setup which magically makes every movement look nice. E.g <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Place keys <\/li><li>Add tween<\/li><li>Press easy ease<\/li><li>Done!<\/li><\/ul>\n\n\n\n<p>Oh you want it more bouncy?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Place keys<\/li><li>Add tween<\/li><li>Use Flow\/motion\/code\/insert plug-in\u2019s \u201cElastic tween\u201d button<\/li><li>Done!<\/li><\/ul>\n\n\n\n<p>These all work fine but it bothered me that while these are all nice and straight forward all the animation looks like it\u2019s made with the same AI template software to make fast animations. No one really seems to explain why you would use what ease or what the purpose of that ease was. <\/p>\n\n\n\n<p>The foundation of easing goes back to the old Disney animation foundations (see the <a href=\"https:\/\/www.amazon.ca\/Illusion-Life-Disney-Animation\/dp\/0786860707\/ref=asc_df_0786860707\/?tag=googlemobshop-20&#038;linkCode=df0&#038;hvadid=293022200612&#038;hvpos=&#038;hvnetw=g&#038;hvrand=9586468777294729192&#038;hvpone=&#038;hvptwo=&#038;hvqmt=&#038;hvdev=m&#038;hvdvcmdl=&#038;hvlocint=&#038;hvlocphy=1002287&#038;hvtargid=pla-421340551136&#038;psc=1\">illusion of life<\/a>) and there are some amazing buckets of information in there but it feels like we forget sometimes why we actually <strong>need<\/strong> something to be flowy or linear or bouncy and that it\u2019s not just a <em>aesthetic<\/em>.<\/p>\n\n\n\n<p>I might make some posts soon on breaking down every type of ease and why they\u2019re own beautiful , how to customize and why to use each one (or not use one at all)<\/p>\n\n\n\n<p>\/ramble <\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019ve seen a lot of posts , gifs, iconographics online over the years on animation easing and it always bothered me the way some of them are structured\u2026 it always felt like a easy 1 2 3 setup which magically [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[93],"tags":[],"class_list":["post-5387","post","type-post","status-publish","format-standard","hentry","category-luckys-ramblings"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.thisgoodboy.com\/site\/wp-json\/wp\/v2\/posts\/5387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thisgoodboy.com\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thisgoodboy.com\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thisgoodboy.com\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thisgoodboy.com\/site\/wp-json\/wp\/v2\/comments?post=5387"}],"version-history":[{"count":1,"href":"https:\/\/www.thisgoodboy.com\/site\/wp-json\/wp\/v2\/posts\/5387\/revisions"}],"predecessor-version":[{"id":5388,"href":"https:\/\/www.thisgoodboy.com\/site\/wp-json\/wp\/v2\/posts\/5387\/revisions\/5388"}],"wp:attachment":[{"href":"https:\/\/www.thisgoodboy.com\/site\/wp-json\/wp\/v2\/media?parent=5387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thisgoodboy.com\/site\/wp-json\/wp\/v2\/categories?post=5387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thisgoodboy.com\/site\/wp-json\/wp\/v2\/tags?post=5387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}