{"id":4198,"date":"2013-09-18T13:02:06","date_gmt":"2013-09-18T04:02:06","guid":{"rendered":"http:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/spriteanimation-2\/about-the-key-frame-animation\/"},"modified":"2018-07-31T10:28:25","modified_gmt":"2018-07-31T01:28:25","slug":"keyframeanime","status":"publish","type":"page","link":"https:\/\/www.webtech.co.jp\/help\/en\/spritestudio\/manual_document\/spriteanimation\/keyframeanime\/","title":{"rendered":"About the \u201cKey-Frame Animation\u201d"},"content":{"rendered":"<p>The \u201cKey-Frame Animation\u201d is a technique to realize animation by \u201csetting animation values per every Key-Frame and obtaining the Key-Frame\u2019s in-between parts with the pre-specified calculation formula\u201d.<\/p>\n<p>In other cases, it is called \u201cTweening Animation\u201d, \u201cInterpolated Animation\u201d, etc<\/p>\n<p>The \u201cInterpolation (calculation)\u201d means \u201cmainly the in-between of the two set values is obtained by the prescribed formula (the in-between value is compensated)\u201d.<\/p>\n<p>With the \u201cOPTPiX SpriteStudio\u201d, this method is handled by the change of attribute values of each parts of animation and the setting of \u201cInterpolation\u201d.<\/p>\n<p><a href=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/KeyFrameAnimation_en.png\"><img decoding=\"async\" alt=\"\" class=\"size-full wp-image-508 aligncenter\" src=\"https:\/\/www.webtech.co.jp\/help\/wp-content\/uploads\/2013\/06\/KeyFrameAnimation_en.png\" style=\"width: 500px; height: 200px;\" title=\"\" \/><\/a><\/p>\n<p>The merits of the \u201cKey-Frame Animation\u201d are as follows:<\/p>\n<div>\n<ul class=\"simple\">\n<li>By specifying the values of the coordinate position and the start and end points and interpolation formula of the twirl angle, the in-between is calculated automatically. So, the labor of creating animation is reduced.<\/li>\n<li>Also, in case of modifying movements, only the adjustments of the start and end values and timing have to be done. So, adjustments of movements can be done easily.<\/li>\n<li>In principle, changes of the value in-between the start and end points can be obtained by every frame calculation. So, movements will become smooth.<\/li>\n<\/ul>\n<p>On the other hand, the demerits are as follows:<\/p>\n<div>\n<ul class=\"simple\">\n<li>The interpolation operation is done per every frame. So, when the number of the animation parts of the \u201cKey-Frame Animation\u201d increases, the movements of application happens to be affected (Movements will become slower).<\/li>\n<li>Unless the meanings of the Key-Frame position and the interpolation formula is understood well, animation happens to lose clear definition.<\/li>\n<li>Depending upon the specifications of hardware and game engines which are used to play animation, there happens the case that the errors on the basis of interpolation operations affect upon the display, thereby showing movements different from expectations.<\/li>\n<\/ul>\n<p>These merits and demerits make a pair with those of the \u201cKey-Frame Animation\u201d mainly, and their shared use is recommended in accordance with respective objectives and situations. Some examples are referred to the after-mentioned About different uses of the \u201cStop-Motion Animation\u201d and the \u201cKey-Frame Animation\u201d .<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The \u201cKey-Frame Animation\u201d is a technique to realize animation by \u201csetting animation values per every Key-Frame..<\/p>\n","protected":false},"author":33,"featured_media":0,"parent":4240,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page_eng_ss.php","meta":{"_acf_changed":false,"footnotes":""},"tags":[],"class_list":["post-4198","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/4198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/comments?post=4198"}],"version-history":[{"count":0,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/4198\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/pages\/4240"}],"wp:attachment":[{"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/media?parent=4198"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webtech.co.jp\/help\/wp-json\/wp\/v2\/tags?post=4198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}