{"id":55038,"date":"2023-02-21T00:38:26","date_gmt":"2023-02-21T06:38:26","guid":{"rendered":"https:\/\/www.codewizardshq.com\/?p=55038"},"modified":"2025-08-29T03:40:51","modified_gmt":"2025-08-29T09:40:51","slug":"scratch-animation","status":"publish","type":"post","link":"https:\/\/www.codewizardshq.com\/scratch-animation\/","title":{"rendered":"How To Make A Good Scratch Animation"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/www.codewizardshq.com\/scratch-coding-classes\/\">Scratch<\/a> is an innovative and interactive way for children to learn how to program animations.<\/strong> It provides a platform to express creativity while also developing valuable technical skills. Your child will be able to bring their imagination to life by creating animations, games, and stories using blocks that can be dragged and dropped onto the screen.<\/p>\n\n\n<p style=\"background: none repeat scroll 0 0 #ecf3f6; clear: both; margin-bottom: 18px; overflow: hidden; border: 1px solid #011e41; padding: 16px;\"><span>\ud83d\udccc<\/span><small><strong> [Download] Printable Scratch Coding Tutorials <\/strong> Get 2 printable Scratch tutorials, Rocket Landing and Flying Space Cat, to code your own games step by step. <a href=\"#download\">Download Now<\/a><\/small><\/p>\n\n\n\n<p>Not only is Scratch fun and engaging, but it also helps with problem-solving skills since coding requires the ability to break down a problem into smaller parts, think logically, and find creative solutions. <strong>Learning to code with Scratch can also improve your child&#8217;s critical thinking, creativity, and communication skills, making it a well-rounded educational experience.<\/strong><\/p>\n\n\n<div class=\"lazyblock-cw1-wide-post-container-23UYI1 wp-block-lazyblock-cw1-wide-post-container\"><div class=\"wide \"><div class=\"lazyblock-inner-blocks\">\n\n<div class=\"wp-block-atomic-blocks-ab-container table-of-contents ab-block-container\"><div class=\"ab-container-inside\"><div class=\"ab-container-content\">\n<p class=\"title\">Table of Contents<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#h-what-is-scratch-animation\">What is Scratch animation?<\/a><\/li>\n\n\n\n<li><a href=\"#h-make-your-first-scratch-animation\">Create your first Scratch animation!<\/a><\/li>\n\n\n\n<li><a href=\"#h-bonus-round-make-a-scrolling-background\">Bonus Round: Make a scrolling background<\/a><\/li>\n\n\n\n<li><a href=\"#common-animations\">Common Types of Animations<\/a><\/li>\n\n\n\n<li><a href=\"#scratch-animation-projects\">Scratch Animation Project Examples<\/a><\/li>\n\n\n\n<li><a href=\"#download\">Download Free Printable Scratch Coding Tutorials PDF<\/a><\/li>\n\n\n\n<li><a href=\"#code-scratch-animations\">Code Your Own Scratch Animations<\/a><\/li>\n<\/ul>\n<\/div><\/div><\/div>\n\n<\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-scratch-animation\">What is Scratch animation?<\/h2>\n\n\n\n<p><strong>Animation is the method by which still figures are manipulated to create the illusion of movement. <\/strong>Besides film and tv, animation is also widely used in websites, games, and apps.<\/p>\n\n\n\n<p><strong><a href=\"\/scratch-coding-for-kids\/\">Scratch<\/a> is a great option for kids who want to learn animation because it provides a fun, accessible, and interactive way to learn the basics.<\/strong> The Scratch platform is designed specifically for young people and provides a visual interface that makes it easy for kids to get started with coding.<\/p>\n\n\n\n<p>With Scratch, kids can create animations by simply dragging and dropping blocks of code. The blocks represent actions, such as moving a character or changing the background, that can be combined to create a complete animation.<\/p>\n\n\n\n<p><strong>One of the great things about Scratch is that kids don&#8217;t need any prior experience with coding or programming.<\/strong> The visual interface makes it simple for kids to understand how the code works and the drag-and-drop interface makes it easy to build animations without getting bogged down in complex syntax.<\/p>\n\n\n\n<p>Another advantage of Scratch is its community aspect. Kids can share their animations with others, get feedback, and even collaborate on projects with other Scratch users from around the world. This makes it a fun and social way for kids to learn and create together and provides a supportive environment for them to explore and develop their coding skills.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-make-your-first-scratch-animation\">Make your first Scratch animation!<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-running-unicorn-animation\">Running Unicorn Animation<\/h3>\n\n\n\n<p>Let\u2019s take a unicorn image and animate it in Scratch.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1 &#8211; Login to Scratch<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Login to your account at <a href=\"https:\/\/scratch.mit.edu\/\" target=\"_blank\" rel=\"noreferrer noopener\">scratch.mit.edu<\/a>. <\/li>\n\n\n\n<li>Click the Sign In button located in the top-right corner of the page, then input your username and password.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/1-Sign-into-account-1024x499.png\" alt=\"scratch animation step 1 sign in\" class=\"wp-image-55048\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/1-Sign-into-account-1024x499.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/1-Sign-into-account-300x146.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/1-Sign-into-account-768x374.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/1-Sign-into-account-1536x748.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/1-Sign-into-account.png 1885w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2 &#8211; Create a New Project<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Start a new project by selecting the <strong>Create <\/strong>button on the top of the screen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"697\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/2-Create-a-project-1024x697.png\" alt=\"scratch animation step 2 create project\" class=\"wp-image-55049\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/2-Create-a-project-1024x697.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/2-Create-a-project-300x204.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/2-Create-a-project-768x523.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/2-Create-a-project.png 1355w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3 &#8211; Name Your Project<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Give your project a name using the textbox at the top of the page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/3-Name-your-project-1024x496.png\" alt=\"scratch animation step 3 name project\" class=\"wp-image-55050\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/3-Name-your-project-1024x496.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/3-Name-your-project-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/3-Name-your-project-768x372.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/3-Name-your-project-1536x744.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/3-Name-your-project.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4 &#8211; Delete Cat Sprite<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Delete the cat character by navigating to the sprite section at the bottom-right of the page and selecting the <strong>blue trash can<\/strong> icon next to the sprite.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/4-Delete-the-cat-1024x496.png\" alt=\"scratch animation step 4 delete cat sprite\" class=\"wp-image-55051\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/4-Delete-the-cat-1024x496.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/4-Delete-the-cat-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/4-Delete-the-cat-768x372.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/4-Delete-the-cat-1536x744.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/4-Delete-the-cat.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5 &#8211; Search Backdrop<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the blue backdrop button on the bottom-right of the page. This is so you can choose a background for your animation!<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/5-Click-backdrop-button-1024x493.png\" alt=\"scratch animation step 5 backdrop\" class=\"wp-image-55052\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/5-Click-backdrop-button-1024x493.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/5-Click-backdrop-button-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/5-Click-backdrop-button-768x370.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/5-Click-backdrop-button-1536x740.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/5-Click-backdrop-button.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 6<\/strong> &#8211; Add Blue Sky Backdrop<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose whichever backdrop you\u2019d like by clicking it. For example, we are using the <strong>Blue Sky<\/strong> backdrop.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/6-Choose-a-backdrop-1024x494.png\" alt=\"scratch animation step 6 select backdrop\" class=\"wp-image-55053\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/6-Choose-a-backdrop-1024x494.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/6-Choose-a-backdrop-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/6-Choose-a-backdrop-768x371.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/6-Choose-a-backdrop-1536x742.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/6-Choose-a-backdrop.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 7<\/strong> &#8211; Add Sprite<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the Sprite button at the bottom-right of the page next to the <strong>Backdrop <\/strong>button. <\/li>\n\n\n\n<li>Then click the <strong>Magnifying Glass<\/strong> from the list of options. This is so we can add the unicorn sprite.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/7-Choose-a-sprite-1024x494.png\" alt=\"scratch animation step 7 choose sprite\" class=\"wp-image-55054\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/7-Choose-a-sprite-1024x494.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/7-Choose-a-sprite-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/7-Choose-a-sprite-768x371.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/7-Choose-a-sprite-1536x742.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/7-Choose-a-sprite.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 8<\/strong> &#8211; Search and Select Unicorn Running Sprite<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the search bar, enter <strong>Unicorn<\/strong> and select the <strong>Unicorn Running<\/strong> sprite from the options.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/8-Choose-the-unicorn-1024x494.png\" alt=\"scratch animation step 8 select sprite\" class=\"wp-image-55055\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/8-Choose-the-unicorn-1024x494.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/8-Choose-the-unicorn-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/8-Choose-the-unicorn-768x371.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/8-Choose-the-unicorn-1536x742.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/8-Choose-the-unicorn.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 9<\/strong> &#8211; Position Unicorn Sprite<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Position the unicorn on the screen where you would like by clicking and dragging it in the stage area. Make sure to click the <strong>Save Now<\/strong> button on the top-right of your screen, near your account picture.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/9-Position-the-unicorn-and-save-1024x496.png\" alt=\"scratch animation step 9 position block\" class=\"wp-image-55056\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/9-Position-the-unicorn-and-save-1024x496.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/9-Position-the-unicorn-and-save-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/9-Position-the-unicorn-and-save-768x372.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/9-Position-the-unicorn-and-save-1536x744.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/9-Position-the-unicorn-and-save.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 10 &#8211; Add When Green Flag Clicked Block<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the code blocks on the left of your screen and click the <strong>Events<\/strong> category. <\/li>\n\n\n\n<li>From there, you will click and drag a <strong>When<\/strong> <strong>Green Flag Clicked<\/strong> block into the script area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/10-Add-a-green-flag-event-1024x494.png\" alt=\"scratch animation step 10 add green flag\" class=\"wp-image-55057\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/10-Add-a-green-flag-event-1024x494.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/10-Add-a-green-flag-event-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/10-Add-a-green-flag-event-768x371.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/10-Add-a-green-flag-event-1536x742.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/10-Add-a-green-flag-event.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 11<\/strong> &#8211; Add Forever Block<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the <strong>Control <\/strong>category, then click and drag a <strong>Forever <\/strong>block into the script area. The <strong>Forever <\/strong>block repeats a set of code forever, or until the <strong>Red Stop Button<\/strong> is clicked.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/11-forever-block-1024x462.png\" alt=\"scratch animation step 11 forever block\" class=\"wp-image-55058\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/11-forever-block-1024x462.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/11-forever-block-300x135.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/11-forever-block-768x346.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/11-forever-block-1536x693.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/11-forever-block.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 12 &#8211; Switch Costumes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the <strong>Looks<\/strong> category and select a <strong>Next Costume<\/strong> block. <\/li>\n\n\n\n<li>Then, Go to the top of the page and click the <strong>Green Flag<\/strong> to test your project.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/12-Next-costume-and-play-1024x460.png\" alt=\"scratch animation step 12 costume block\" class=\"wp-image-55059\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/12-Next-costume-and-play-1024x460.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/12-Next-costume-and-play-300x135.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/12-Next-costume-and-play-768x345.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/12-Next-costume-and-play-1536x690.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/12-Next-costume-and-play.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 13 &#8211; Add Wait Block<\/h3>\n\n\n\n<p>Your unicorn runs now! But you might notice that it runs quickly, so to slow it down we can use a <strong>Wait <\/strong>block. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the <strong>Control <\/strong>category, click, and drag a <strong>Wait <\/strong>block into the <strong>Forever <\/strong>block. You can change the value in this block by editing the number in the textbox. This allows a short delay before each costume change, creating a smooth animation.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/13-Wait-block-1024x460.png\" alt=\"scratch animation step 13 wait block\" class=\"wp-image-55060\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/13-Wait-block-1024x460.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/13-Wait-block-300x135.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/13-Wait-block-768x345.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/13-Wait-block-1536x690.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/13-Wait-block.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Great job! Click the green flag again to watch your unicorn run in this simple animation.<\/p>\n\n\n\n<p>To view or remix the finished animation, <a href=\"https:\/\/scratch.mit.edu\/projects\/797616656\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-bonus-round-make-a-scrolling-background\">Bonus Round: Make a scrolling background<\/h2>\n\n\n\n<p>Use the same project and try animating the background too.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1 &#8211; Add New Sprite<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>New Sprite<\/strong> button on the bottom-right of the page and click the <strong>Magnifying Glass<\/strong> from the popup menu. <\/li>\n\n\n\n<li>Then, search for <strong>Tree <\/strong>in the <strong>Textbox <\/strong>and select one of the options.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-1-Add-tree-sprite-1024x492.png\" alt=\"scratch animation bonus step 1 add sprite\" class=\"wp-image-55044\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-1-Add-tree-sprite-1024x492.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-1-Add-tree-sprite-300x144.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-1-Add-tree-sprite-768x369.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-1-Add-tree-sprite-1536x738.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-1-Add-tree-sprite.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2 &#8211; Position Tree Sprite<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click and drag the tree all the way to the right of the page. This will be the starting point every time the tree goes by.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-2-Position-the-tree-sprite-1024x493.png\" alt=\"scratch animation bonus step 2 position\" class=\"wp-image-55045\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-2-Position-the-tree-sprite-1024x493.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-2-Position-the-tree-sprite-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-2-Position-the-tree-sprite-768x370.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-2-Position-the-tree-sprite-1536x740.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-2-Position-the-tree-sprite.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3 &#8211; Add When Green Flag Clicked Block<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the tree sprite, go to the <strong>Events <\/strong>category and click and drag a <strong>Green Flag Clicked<\/strong> block into the scripts area. <\/li>\n\n\n\n<li>Then, go to the <strong>Control <\/strong>category and connect a <strong>Forever <\/strong>block to it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-3-Add-start-and-forever-blocks-1024x495.png\" alt=\"scratch animation bonus step 3\" class=\"wp-image-55061\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-3-Add-start-and-forever-blocks-1024x495.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-3-Add-start-and-forever-blocks-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-3-Add-start-and-forever-blocks-768x371.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-3-Add-start-and-forever-blocks-1536x742.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-3-Add-start-and-forever-blocks.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em>Recommended: <a href=\"https:\/\/www.codewizardshq.com\/how-to-make-a-game-on-scratch\/\"><strong>How to Make a Game on Scratch<\/strong><\/a><\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4 &#8211; Position Tree After Motion<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the <strong>Motion <\/strong>category and select a <strong>Go To<\/strong> block. This will help us to reset the tree\u2019s position after it moves.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-4-Move-to-block-1024x495.png\" alt=\"scratch animation bonus step 4\" class=\"wp-image-55062\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-4-Move-to-block-1024x495.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-4-Move-to-block-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-4-Move-to-block-768x371.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-4-Move-to-block-1536x742.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-4-Move-to-block.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5 &#8211; Move Tree<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the <strong>Motion <\/strong>category, insert a <strong>Glide <\/strong>block inside the <strong>Forever <\/strong>block. <\/li>\n\n\n\n<li>Change the x value (first number) to its negative equivalent. If the x value is 298, make it -298 so the movement will be towards the left side of the screen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-5-Glide-block-1024x493.png\" alt=\"scratch animation bonus step 5\" class=\"wp-image-55063\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-5-Glide-block-1024x493.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-5-Glide-block-300x145.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-5-Glide-block-768x370.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-5-Glide-block-1536x740.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-5-Glide-block.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6 &#8211; Position Tree Behind the Unicorn<\/h3>\n\n\n\n<p>The tree glides in front of the unicorn. To make it glide behind the unicorn, we need to position it behind. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the <strong>Looks <\/strong>category and scroll down until you see the <strong>Go to Front Layer<\/strong> block. <\/li>\n\n\n\n<li>Drag that under the <strong>Green Flag Clicked<\/strong> block, but above the <strong>Forever <\/strong>block. Now the tree will be behind the unicorn as it is running!<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-7-Go-to-front-layer-block-1024x458.png\" alt=\"scratch animation bonus step 7 front layer\" class=\"wp-image-55047\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-7-Go-to-front-layer-block-1024x458.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-7-Go-to-front-layer-block-300x134.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-7-Go-to-front-layer-block-768x343.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-7-Go-to-front-layer-block-1536x687.png 1536w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/bonus-7-Go-to-front-layer-block.png 1917w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 7 &#8211; Run Your Animation<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the green flag to run your animations.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"604\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/unicorn-running-completed.gif\" alt=\"scratch animation unicorn running\" class=\"wp-image-55065\"\/><\/figure><\/div>\n\n\n<p><strong>Great job making this Scratch animation! To publish this project for others to see, check out <a href=\"https:\/\/www.codewizardshq.com\/how-to-share-projects-on-scratch\/\">this tutorial<\/a>.<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/scratch.mit.edu\/projects\/797616656\/\" target=\"_blank\" rel=\"noreferrer noopener\">View or remix<\/a> the finished unicorn animation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"common-animations\">Common Types of Animations<\/h2>\n\n\n\n<p>Scratch provides numerous animation possibilities for users to experiment with, from short films to sprite animations and music videos. The creation of these animations typically involves programming sprites to move, speak, and interact with each other through various methods. There are countless options for users to discover and create their own unique animations.<\/p>\n\n\n\n<p>Here are some of the most popular <strong>types of animations on Scratch<\/strong>:<\/p>\n\n\n\n<p><strong>3D Animations <\/strong>&#8211; Stop motion animation is utilized in this technique, which involves importing numerous frames of a 3D object made in a 3D application like Blender. They will be played in quick succession within Scratch to achieve a 3D rotation effect.<\/p>\n\n\n\n<p><strong>Animated Music Videos<\/strong> &#8211; This type of animation features a song playing in the background, with the animation of a sprite lip-syncing and\/or dancing to the music, often with multiple scenes included.<\/p>\n\n\n\n<p><strong>Speedpaint<\/strong> &#8211; These depict the creation of artwork over a period of time. The process involves the artist drawing a small section of the piece, duplicating it, and then adding a little more before repeating the process until the artwork is complete, which can require many costumes in the project.<\/p>\n\n\n\n<p><strong>Sprite Animations<\/strong> &#8211; This type of animation uses pixel art sprites and is similar to regular animations, but they use pre-existing 8\/16-bit video game sprites. Characters from well-known franchises such as Mario, and Sonic the Hedgehog are frequently used.<\/p>\n\n\n\n<p><strong>Animation Series<\/strong> &#8211; This animation style usually features a storyline and can span multiple episodes or scenes. One can either voice the characters themselves or utilize text-to-speech.<\/p>\n\n\n\n<p>To see other types of animations, see <a href=\"https:\/\/en.scratch-wiki.info\/wiki\/Animation_Projects\" target=\"_blank\" rel=\"noreferrer noopener\">Animation Projects<\/a> in Scratch.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"scratch-animation-projects\">Scratch Animation Project Examples<\/h2>\n\n\n\n<p>The <a href=\"https:\/\/scratch.mit.edu\/explore\/projects\/animations\/\" target=\"_blank\" rel=\"noreferrer noopener\">Scratch Animation Projects Page<\/a> is home to a wide variety of projects created by students from all around the world. It&#8217;s a fantastic place to see what can be achieved with Scratch and to find inspiration for your own projects.<\/p>\n\n\n\n<p><strong>Here are five of my favorite projects that showcase the creativity and ingenuity of the Scratch community:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/scratch.mit.edu\/projects\/753673466\/\" target=\"_blank\" rel=\"noreferrer noopener\">Uno Card Game Animation<\/a> &#8211; Two friends are playing Uno, but one of them is doing much better than the other!<\/li>\n\n\n\n<li><a href=\"https:\/\/scratch.mit.edu\/projects\/764818687\/\" target=\"_blank\" rel=\"noreferrer noopener\">Yoshi Dance Animation<\/a> &#8211; This animated scene features Yoshi dancing to the tune of &#8220;Cha Cha Real Smooth&#8221;.<\/li>\n\n\n\n<li><a href=\"https:\/\/scratch.mit.edu\/projects\/769134084\/\" target=\"_blank\" rel=\"noreferrer noopener\">Minecraft in a Nutshell Animation<\/a> &#8211; This animation describes different elements of the Minecraft game with examples.<\/li>\n\n\n\n<li><a href=\"https:\/\/scratch.mit.edu\/projects\/768884313\/\" target=\"_blank\" rel=\"noreferrer noopener\">Recycling Animation<\/a> &#8211; Two friends have a discussion about the importance of recycling.<\/li>\n\n\n\n<li><a href=\"https:\/\/scratch.mit.edu\/projects\/796060501\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lightsaber Laboratory 2<\/a> &#8211; This animated scene is more interactive and lets you play around with a lightsaber by changing its properties and trying it out.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"download\">Download Free Printable Scratch Coding Tutorials PDF<\/h2>\n\n\n\n<p>Get the Rocketship Landing game and Flying Space Cat Scratch tutorials in a printable format.<\/p>\n\n\n<!-- This site is converting visitors into subscribers and customers with OptinMonster - https:\/\/optinmonster.com :: Campaign Title: Scratch Coding Tutorials with Location [Download] -->\n<div id=\"om-i88ehlfzgijqlvmuilzg-holder\"><\/div>\n<script>(function(d,u,ac){var s=d.createElement('script');s.type='text\/javascript';s.src='https:\/\/a.omappapi.com\/app\/js\/api.min.js';s.async=true;s.dataset.user=u;s.dataset.campaign=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,16320,'i88ehlfzgijqlvmuilzg');<\/script>\n<!-- \/ OptinMonster -->\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"code-scratch-animations\">Code Your Own Scratch Animations<\/h2>\n\n\n\n<p>At CodeWizardsHQ, we believe that the key to unlocking a child&#8217;s potential lies in early exposure to technology and programming. Our <a href=\"https:\/\/www.codewizardshq.com\/coding-classes-elementary-school-students\/\">elementary school coding program<\/a> is designed to do just that! With a focus on Scratch, we introduce young students to the exciting world of programming. The first course in our elementary school program, <a href=\"https:\/\/www.codewizardshq.com\/animation-and-games-with-scratch\/\">Animation and games with Scratch,<\/a> allows students to learn important programming concepts like variables, loops, and conditionals. By the end of the class, they&#8217;ll be coding their own games and animations and well-prepared to take the next step in their programming journey!<\/p>\n\n\n\n<p><strong>Ready to level up your child\u2019s learning experience?<\/strong>&nbsp;Take a coding class with CodeWizardsHQ:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.codewizardshq.com\/coding-classes-elementary-school-students\/\">Elementary School Coding Classes<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.codewizardshq.com\/coding-classes-middle-school-students\/\">Middle School Coding Classes<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.codewizardshq.com\/coding-classes-high-school-students\/\">High School Coding Classes<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scratch is an innovative and interactive way for children to learn how to program animations. It provides a platform to express creativity while also developing valuable technical skills. Your child will be able to bring their imagination to life by creating animations, games, and stories using blocks that can be dragged and dropped onto the [&hellip;]<\/p>\n","protected":false},"author":338,"featured_media":55079,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[4758],"tags":[10740],"class_list":["post-55038","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn-coding","tag-scratch"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v26.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How To Make A Good Scratch Animation | CodeWizardsHQ<\/title>\n<meta name=\"description\" content=\"Find out what Scratch animation is, then create your first animation of a running unicorn. Easy steps to make a good Scratch animation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codewizardshq.com\/scratch-animation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Make A Good Scratch Animation\" \/>\n<meta property=\"og:description\" content=\"Find out what Scratch animation is, then create your first animation of a running unicorn. Easy steps to make a good Scratch animation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codewizardshq.com\/scratch-animation\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeWizardsHQ\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codewizardshq\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-21T06:38:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-29T09:40:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/02-Scratch-Animation-600x323-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"323\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brandon Lombard\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codewizardshq\" \/>\n<meta name=\"twitter:site\" content=\"@codewizardshq\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brandon Lombard\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Brandon Lombard\",\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#\/schema\/person\/a9d450d340b4cb77c2de57f87b2eb2e1\"\n\t            },\n\t            \"headline\": \"How To Make A Good Scratch Animation\",\n\t            \"datePublished\": \"2023-02-21T06:38:26+00:00\",\n\t            \"dateModified\": \"2025-08-29T09:40:51+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/\"\n\t            },\n\t            \"wordCount\": 1777,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/01-Scratch-Animation-1600x395-1.jpg\",\n\t            \"keywords\": [\n\t                \"Scratch\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"Learn Coding\"\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/\",\n\t            \"name\": \"How To Make A Good Scratch Animation | CodeWizardsHQ\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/01-Scratch-Animation-1600x395-1.jpg\",\n\t            \"datePublished\": \"2023-02-21T06:38:26+00:00\",\n\t            \"dateModified\": \"2025-08-29T09:40:51+00:00\",\n\t            \"description\": \"Find out what Scratch animation is, then create your first animation of a running unicorn. Easy steps to make a good Scratch animation.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.codewizardshq.com\/scratch-animation\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/#primaryimage\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/01-Scratch-Animation-1600x395-1.jpg\",\n\t            \"contentUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/01-Scratch-Animation-1600x395-1.jpg\",\n\t            \"width\": 1600,\n\t            \"height\": 395,\n\t            \"caption\": \"Scratch Animation page banner\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/scratch-animation\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.codewizardshq.com\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"How To Make A Good Scratch Animation\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/#website\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/\",\n\t            \"name\": \"CodeWizardsHQ\",\n\t            \"description\": \"The leading online coding academy for kids and teens ages 8-18\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.codewizardshq.com\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/#organization\",\n\t            \"name\": \"CodeWizardsHQ\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png\",\n\t                \"contentUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png\",\n\t                \"width\": 150,\n\t                \"height\": 108,\n\t                \"caption\": \"CodeWizardsHQ\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/\"\n\t            },\n\t            \"sameAs\": [\n\t                \"https:\/\/www.facebook.com\/codewizardshq\/\",\n\t                \"https:\/\/x.com\/codewizardshq\",\n\t                \"https:\/\/www.instagram.com\/codewizardshq\/\",\n\t                \"https:\/\/www.linkedin.com\/company\/codewizardshq\",\n\t                \"https:\/\/www.pinterest.com\/codewizardshq\/\",\n\t                \"https:\/\/www.youtube.com\/channel\/UC4NM0jfN0LI8_vWtiwLqgGw\"\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/#\/schema\/person\/a9d450d340b4cb77c2de57f87b2eb2e1\",\n\t            \"name\": \"Brandon Lombard\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#\/schema\/person\/image\/\",\n\t                \"url\": \"https:\/\/secure.gravatar.com\/avatar\/1eccd5ce305367e8fef6ae371e81e58459a5c5aeff8932a07b57360208e5f349?s=96&d=mm&r=g\",\n\t                \"contentUrl\": \"https:\/\/secure.gravatar.com\/avatar\/1eccd5ce305367e8fef6ae371e81e58459a5c5aeff8932a07b57360208e5f349?s=96&d=mm&r=g\",\n\t                \"caption\": \"Brandon Lombard\"\n\t            },\n\t            \"description\": \"Instructor and Curriculum Developer at CodeWizardsHQ. He is a Computer Science major that develops both elementary school and summer camp programs, with expertise in Game Development, Python, and Website Design.\",\n\t            \"sameAs\": [\n\t                \"https:\/\/www.codewizardshq.com\/\"\n\t            ],\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/author\/brandonlombard\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How To Make A Good Scratch Animation | CodeWizardsHQ","description":"Find out what Scratch animation is, then create your first animation of a running unicorn. Easy steps to make a good Scratch animation.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codewizardshq.com\/scratch-animation\/","og_locale":"en_US","og_type":"article","og_title":"How To Make A Good Scratch Animation","og_description":"Find out what Scratch animation is, then create your first animation of a running unicorn. Easy steps to make a good Scratch animation.","og_url":"https:\/\/www.codewizardshq.com\/scratch-animation\/","og_site_name":"CodeWizardsHQ","article_publisher":"https:\/\/www.facebook.com\/codewizardshq\/","article_published_time":"2023-02-21T06:38:26+00:00","article_modified_time":"2025-08-29T09:40:51+00:00","og_image":[{"width":600,"height":323,"url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/02-Scratch-Animation-600x323-1.jpg","type":"image\/jpeg"}],"author":"Brandon Lombard","twitter_card":"summary_large_image","twitter_creator":"@codewizardshq","twitter_site":"@codewizardshq","twitter_misc":{"Written by":"Brandon Lombard","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codewizardshq.com\/scratch-animation\/#article","isPartOf":{"@id":"https:\/\/www.codewizardshq.com\/scratch-animation\/"},"author":{"name":"Brandon Lombard","@id":"https:\/\/www.codewizardshq.com\/#\/schema\/person\/a9d450d340b4cb77c2de57f87b2eb2e1"},"headline":"How To Make A Good Scratch Animation","datePublished":"2023-02-21T06:38:26+00:00","dateModified":"2025-08-29T09:40:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codewizardshq.com\/scratch-animation\/"},"wordCount":1777,"publisher":{"@id":"https:\/\/www.codewizardshq.com\/#organization"},"image":{"@id":"https:\/\/www.codewizardshq.com\/scratch-animation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/01-Scratch-Animation-1600x395-1.jpg","keywords":["Scratch"],"articleSection":["Learn Coding"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codewizardshq.com\/scratch-animation\/","url":"https:\/\/www.codewizardshq.com\/scratch-animation\/","name":"How To Make A Good Scratch Animation | CodeWizardsHQ","isPartOf":{"@id":"https:\/\/www.codewizardshq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codewizardshq.com\/scratch-animation\/#primaryimage"},"image":{"@id":"https:\/\/www.codewizardshq.com\/scratch-animation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/01-Scratch-Animation-1600x395-1.jpg","datePublished":"2023-02-21T06:38:26+00:00","dateModified":"2025-08-29T09:40:51+00:00","description":"Find out what Scratch animation is, then create your first animation of a running unicorn. Easy steps to make a good Scratch animation.","breadcrumb":{"@id":"https:\/\/www.codewizardshq.com\/scratch-animation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codewizardshq.com\/scratch-animation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/scratch-animation\/#primaryimage","url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/01-Scratch-Animation-1600x395-1.jpg","contentUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/01-Scratch-Animation-1600x395-1.jpg","width":1600,"height":395,"caption":"Scratch Animation page banner"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codewizardshq.com\/scratch-animation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codewizardshq.com\/"},{"@type":"ListItem","position":2,"name":"How To Make A Good Scratch Animation"}]},{"@type":"WebSite","@id":"https:\/\/www.codewizardshq.com\/#website","url":"https:\/\/www.codewizardshq.com\/","name":"CodeWizardsHQ","description":"The leading online coding academy for kids and teens ages 8-18","publisher":{"@id":"https:\/\/www.codewizardshq.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codewizardshq.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codewizardshq.com\/#organization","name":"CodeWizardsHQ","url":"https:\/\/www.codewizardshq.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png","contentUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2016\/08\/blueVertical@2x-e1572141901928.png","width":150,"height":108,"caption":"CodeWizardsHQ"},"image":{"@id":"https:\/\/www.codewizardshq.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codewizardshq\/","https:\/\/x.com\/codewizardshq","https:\/\/www.instagram.com\/codewizardshq\/","https:\/\/www.linkedin.com\/company\/codewizardshq","https:\/\/www.pinterest.com\/codewizardshq\/","https:\/\/www.youtube.com\/channel\/UC4NM0jfN0LI8_vWtiwLqgGw"]},{"@type":"Person","@id":"https:\/\/www.codewizardshq.com\/#\/schema\/person\/a9d450d340b4cb77c2de57f87b2eb2e1","name":"Brandon Lombard","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1eccd5ce305367e8fef6ae371e81e58459a5c5aeff8932a07b57360208e5f349?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1eccd5ce305367e8fef6ae371e81e58459a5c5aeff8932a07b57360208e5f349?s=96&d=mm&r=g","caption":"Brandon Lombard"},"description":"Instructor and Curriculum Developer at CodeWizardsHQ. He is a Computer Science major that develops both elementary school and summer camp programs, with expertise in Game Development, Python, and Website Design.","sameAs":["https:\/\/www.codewizardshq.com\/"],"url":"https:\/\/www.codewizardshq.com\/author\/brandonlombard\/"}]}},"modified_by":"Dima","featured_image_src":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/01-Scratch-Animation-1600x395-1-600x395.jpg","featured_image_src_square":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2023\/02\/01-Scratch-Animation-1600x395-1-600x395.jpg","author_info":{"display_name":"Brandon Lombard","author_link":"https:\/\/www.codewizardshq.com\/author\/brandonlombard\/"},"_links":{"self":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/posts\/55038","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/users\/338"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/comments?post=55038"}],"version-history":[{"count":3,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/posts\/55038\/revisions"}],"predecessor-version":[{"id":71753,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/posts\/55038\/revisions\/71753"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media\/55079"}],"wp:attachment":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media?parent=55038"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/categories?post=55038"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/tags?post=55038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}