{"id":5410,"date":"2023-11-28T13:06:23","date_gmt":"2023-11-28T13:06:23","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/?p=5410"},"modified":"2026-07-24T13:58:34","modified_gmt":"2026-07-24T13:58:34","slug":"edit-animations-and-variables-ion","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/edit-animations-and-variables-ion\/","title":{"rendered":"Videos: Animations and Variables"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In this learning path, you will learn about Animations and Variables in Ion.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>We&#8217;ll cover:<\/strong>&nbsp;what is the Edit tab in Ion, what are Animations, types of Animation, how to use them in your creatives, best practices when using them in interactive content, and what are and how to use Variables.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#edittab\">What is the Edit Tab in Ion<\/a><\/li>\n\n\n\n<li><a href=\"#functionality\">What is the Animations Functionality<\/a><\/li>\n\n\n\n<li><a href=\"#animation\">Types of Animation<\/a><\/li>\n\n\n\n<li><a href=\"#howtoanimations\">How to Use Animations in Ion<\/a><\/li>\n\n\n\n<li><a href=\"bestpractices\">Best Practices When Using Animations in Interactive Content<\/a><\/li>\n\n\n\n<li><a href=\"howtovariables\">What is and How to Use Variables<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"edittab\">What is the Edit Tab in Ion<\/a><\/h2>\n\n\n\n<video aria-label=\"Videos: Animations and Variables \u2013 section 1\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-01-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-01.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-01.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"functionality\">What is the Animations Functionality<\/a><\/h2>\n\n\n\n<video aria-label=\"Videos: Animations and Variables \u2013 section 2\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-02-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-02.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-02.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"animation\">Types of Animation<\/a><\/h2>\n\n\n\n<video aria-label=\"Videos: Animations and Variables \u2013 section 3\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-03-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-03.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-03.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"howtoanimations\">How to Use Animations in Ion<\/a><\/h2>\n\n\n\n<video aria-label=\"Videos: Animations and Variables \u2013 section 4\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-04-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-04.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-04.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"bestpractices\">Best Practices When Using Animations in Interactive Content<\/a><\/h2>\n\n\n\n<video aria-label=\"Videos: Animations and Variables \u2013 section 5\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-05-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-05.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-05.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\"><a id=\"howtovariables\">What is and How to Use Variables<\/a><\/h2>\n\n\n\n<video aria-label=\"Videos: Animations and Variables \u2013 section 6\" controls playsinline preload=\"metadata\" poster=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-06-poster.png\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-06.mp4\" style=\"width:100%;height:auto\"><track default kind=\"captions\" srclang=\"en\" label=\"English\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/academy-current-20260724-task4356-aligned-animations-variables-06.vtt\"><\/video>\n\n\n\n<h2 class=\"wp-block-heading\">Have a question?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Still have questions or are facing troubles when handling this template? Please do not hesitate to send any additional questions to <a href=\"mailto:help@ioninteractive.com\">help@ioninteractive.com<\/a>, so we can make sure to have this article constantly up to date.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this learning path, you will learn about Animations and Variables in Ion. We&#8217;ll cover:&nbsp;what is the Edit tab in Ion, what are Animations, types of Animation, how to use them in your creatives, [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":3560,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[1420,2064,4],"tags":[2133,2167,2380],"class_list":["post-5410","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creative-studio","category-ion-platform-en","category-the-platform","tag-animations","tag-ion-platform","tag-variables"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=5410"}],"version-history":[{"count":4,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5410\/revisions"}],"predecessor-version":[{"id":6822,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5410\/revisions\/6822"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/3560"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=5410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=5410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=5410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}