{"id":80,"date":"2022-06-11T15:13:12","date_gmt":"2022-06-11T15:13:12","guid":{"rendered":"https:\/\/support.hockeyshare.com\/?post_type=ht_kb&#038;p=80"},"modified":"2022-08-26T22:50:40","modified_gmt":"2022-08-26T22:50:40","slug":"animation-basics","status":"publish","type":"ht_kb","link":"https:\/\/support.hockeyshare.com\/knowledge-base\/animation-basics\/","title":{"rendered":"Animation Basics"},"content":{"rendered":"\n<p>We&#8217;re here to help you get started with animations quickly &#8211; here&#8217;s a walk-through video.\u00a0 Below the video you&#8217;ll find a step-by-step outline of how to get started.<\/p>\n\n\n\n<div style=\"width:100%;height:0px;position:relative;padding-bottom:56.250%;\"><iframe loading=\"lazy\" src=\"https:\/\/streamable.com\/e\/jkntr7\" frameborder=\"0\" width=\"100%\" height=\"100%\" allowfullscreen style=\"width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;\"><\/iframe><\/div>\n\n\n\n<p>To create an animation, add all the objects to the surface that will be necessary for your final animation.&nbsp; Once you have your drill diagrammed, switch to Animation mode in the diagrammer using the Animation option in the upper-right corner.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"240\" src=\"https:\/\/support.hockeyshare.com\/wp-content\/uploads\/2022\/06\/Animation-Mode.gif\" alt=\"\" class=\"wp-image-82\"\/><figcaption>Enable Animation Mode<\/figcaption><\/figure><\/div>\n\n\n<p>Animations are created by attaching movement lines to objects on the surface.&nbsp; The &#8220;Duration&#8221; value is the number of seconds it takes for the object to reach the end of the movement line. Increase the duration to slow the object movement down, decrease the duration to speed the object up.&nbsp; Note that all objects will reach the end of attached movement paths at the same time. The &#8220;End Pause&#8221; is the amount of time (seconds) the animation will pause on the last frame of the sequence before moving to the next sequence.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"240\" src=\"https:\/\/support.hockeyshare.com\/wp-content\/uploads\/2022\/06\/Animation-Attach.gif\" alt=\"\" class=\"wp-image-83\"\/><figcaption>Attach Actions Lines to Objects<\/figcaption><\/figure><\/div>\n\n\n<p>Clicking the &#8220;New Sequence&#8221; button will allow you to create the next phase of the animation.&nbsp; This is useful if you need to animate a pass or delay the start of another player.&nbsp; Animations can have as many sequences as necessary.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"240\" src=\"https:\/\/support.hockeyshare.com\/wp-content\/uploads\/2022\/06\/Animation-NewSequence.gif\" alt=\"\" class=\"wp-image-84\"\/><figcaption>Add Sequences<\/figcaption><\/figure><\/div>\n\n\n<p>Here is an example of a complete animation being created.<\/p>\n\n\n\n<div style=\"width:100%;height:0px;position:relative;padding-bottom:56.250%;\"><iframe loading=\"lazy\" src=\"https:\/\/streamable.com\/e\/da54zs\" frameborder=\"0\" width=\"100%\" height=\"100%\" allowfullscreen style=\"width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;\"><\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create powerful animations for your hockey drills or systems with HockeyShare&#8217;s Drill Diagrammer Animation Mode.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[5,2],"ht-kb-tag":[29,25,30,28,31,26],"_links":{"self":[{"href":"https:\/\/support.hockeyshare.com\/wp-json\/wp\/v2\/ht-kb\/80"}],"collection":[{"href":"https:\/\/support.hockeyshare.com\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/support.hockeyshare.com\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/support.hockeyshare.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/support.hockeyshare.com\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":2,"href":"https:\/\/support.hockeyshare.com\/wp-json\/wp\/v2\/ht-kb\/80\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/support.hockeyshare.com\/wp-json\/wp\/v2\/ht-kb\/80\/revisions\/257"}],"wp:attachment":[{"href":"https:\/\/support.hockeyshare.com\/wp-json\/wp\/v2\/media?parent=80"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/support.hockeyshare.com\/wp-json\/wp\/v2\/ht-kb-category?post=80"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/support.hockeyshare.com\/wp-json\/wp\/v2\/ht-kb-tag?post=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}