{"id":58703,"date":"2024-01-01T22:11:33","date_gmt":"2024-01-02T04:11:33","guid":{"rendered":"https:\/\/www.codewizardshq.com\/?p=58703"},"modified":"2025-06-02T16:58:44","modified_gmt":"2025-06-02T22:58:44","slug":"how-to-make-a-sprite","status":"publish","type":"post","link":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/","title":{"rendered":"How to Make a Sprite"},"content":{"rendered":"\n<p>Sprites are an integral part of the design and visual aesthetics of many classic and modern 2D video games. For kids who are coding their own games, they\u2019ll want to learn <strong>how to make a sprite<\/strong>.<\/p>\n\n\n\n<p>Games are usually made up of a lot of individual sprites. They are unique in every game and express the artistic side of game development. Students can get creative with drawing their own sprites in our <a href=\"https:\/\/www.codewizardshq.com\/coding-programs-for-kids\/\">kids coding classes<\/a>.<\/p>\n\n\n\n<p>Let\u2019s walk through how to make a sprite.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-a-sprite\">What is a sprite? <\/h2>\n\n\n\n<p><strong>A sprite is a 2D graphic or image that represents a character, object, or element within a video game.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"479\" height=\"434\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/sword-sprite.png\" alt=\"sword sprite pixels\" class=\"wp-image-58707\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/sword-sprite.png 479w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/sword-sprite-300x272.png 300w\" sizes=\"auto, (max-width: 479px) 100vw, 479px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"388\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/Flame-sprite.png\" alt=\"fire sprite pixels\" class=\"wp-image-58708\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/Flame-sprite.png 433w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/Flame-sprite-300x269.png 300w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"565\" height=\"475\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/bird_pixels.png\" alt=\"Bird sprite pixels\" class=\"wp-image-58710\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/bird_pixels.png 565w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/bird_pixels-300x252.png 300w\" sizes=\"auto, (max-width: 565px) 100vw, 565px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>The use of sprites originated with arcade video games. They were used to produce screen images more efficiently and meet technical limitations. Developers today use sprites because they are small in file size and easy to produce compared to 3D models.&nbsp;<\/p>\n\n\n\n<p><strong>Sprites make up the visual components of a game like the characters, enemies, items, and other interactive elements. <\/strong>They<strong> <\/strong>are often animated to create the illusion of movement and bring visual elements to life. This makes a game experience more engaging and fun.&nbsp;<\/p>\n\n\n\n<p>An example of sprites are the main characters in popular 2D games like Mario and Sonic. The background images, like the questions mark boxes in Mario and the gold coins in Sonic, are also sprites.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-make-a-sprite\">How to Make a Sprite<\/h2>\n\n\n\n<p><a href=\"https:\/\/scratch.mit.edu\/\">Scratch<\/a> is a simple and free way for kids to make a sprite for their game.&nbsp;<\/p>\n\n\n\n<p>We use <a href=\"https:\/\/www.codewizardshq.com\/coding-programs-for-kids\/\">Scratch to teach fundamental concepts<\/a> in our coding classes because it\u2019s one of the easiest platforms for beginners and kids. It\u2019s quick to get started and has its own library of sprites and game characters for those who don\u2019t want to start from scratch.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"763\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/how-to-make-a-bird-sprite-1024x763.png\" alt=\"how to make a sprite bird\" class=\"wp-image-58744\" srcset=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/how-to-make-a-bird-sprite-1024x763.png 1024w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/how-to-make-a-bird-sprite-300x223.png 300w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/how-to-make-a-bird-sprite-768x572.png 768w, https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/how-to-make-a-bird-sprite.png 1105w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>There are also many other ways to make a sprite including SpriteLab, Photoshop, and Piskel.&nbsp;<\/p>\n\n\n\n<p>Kids can choose whichever app they like best to draw their game sprites.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-steps-to-make-a-sprite-in-scratch\"><strong>Steps to Make a Sprite in Scratch<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-1-create-a-new-project-in-scratch\"><strong>Step 1 &#8211; Create a new project in Scratch<\/strong><\/h3>\n\n\n\n<p>To get started, create a new project in Scratch. We will draw the sprite in this new project.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visit <a href=\"https:\/\/scratch.mit.edu\/\">https:\/\/scratch.mit.edu\/<\/a><\/li>\n\n\n\n<li>Login to your account<\/li>\n\n\n\n<li>Click on the \u201cCreate\u201d button<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/hayriIHOAiIM2zvxnhQ8xAMYAzp0x7hDsPbYLUIR42iaSoqzye-eukgDscCRxCTL6UBPS2GKi1_Ir0aHMPos-lwkvE5PcwlfDUXRfoQ4IoE52fhVvymy0Bmiaoh8pIQ0AWT41WCmi313sIqI-64qIKw\" alt=\"Create a new project in Scratch\" style=\"width:937px;height:auto\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Name the project<\/li>\n\n\n\n<li>Click on the trash can to delete the cat sprite<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/v2RTuMKr_lM9fKlvKkMTmwYuMh5lVj1d3hV2_qFkTxq4QVhVmznkSZRP73P5WIEPaUS1qTastZaZ3cXWXXHNGrEvJJdMxMrhebS0tQQHQYONw96GEaU9PLPb8fAj4KN-iIDq5lElvVOdNv7UCh6TwZ4\" alt=\"Name the project new sprite\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-2-select-the-paint-option-to-create-a-sprite\"><strong>Step 2 &#8211; Select the \u201cPaint\u201d option to create a sprite<\/strong><\/h3>\n\n\n\n<p>In Scratch, kids can choose from 4 different ways to make a sprite:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Choose a Sprite<\/strong> &#8211; we can choose from a collection of sprites offered by Scratch.&nbsp;<\/li>\n\n\n\n<li><strong>Paint <\/strong>&#8211; opens a paint-like window where we can create our sprite.<\/li>\n\n\n\n<li><strong>Surprise<\/strong> &#8211; this randomly selects a sprite from the Scratch gallery.<\/li>\n\n\n\n<li><strong>Upload Sprite<\/strong> &#8211; we can upload an image from the computer to use as a sprite.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/lVxZjjfhDBG0xigpL6ulOW9fXNjcHdInUJb58VUtA7giUDPJvrx_DAozaFmUELVkrqEUjKWHBFxSgjhvzitZ_HYhq-L0jzDIX1H-3azbW0sUmFZ1jjwt84K9jgLc0V8W8q8AnZrlox1oabvS_ecyRSY\" alt=\"Adding sprites in scratch\"\/><\/figure>\n\n\n\n<p><strong>We are going to use the \u201cPaint\u201d option in Scratch to make the sprite.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hover over the <strong>\u201cAdd sprite\u201d<\/strong> icon<\/li>\n\n\n\n<li>Select the <strong>\u201cPaint\u201d<\/strong> option to draw your own sprite<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/CigZRyH1Ph10NCP1S8D9bKNNzQXkUJMoRbo69uMBUS0sM3YRjbEfeByGmuAjQP2u1l21yKqkO1VW6tv0oI7sRiaf2FSytQINalLJ4fmnf7gtNlhm2f66pYMEPtXMOu5ZYiNgR_u1wOY9cpaLJorhg3I\" alt=\"Paint a sprite\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-scratch-paint-interface\"><strong>Scratch Paint Interface<\/strong><\/h3>\n\n\n\n<p>Now, we are in the Scratch painting interface. The paint tool can be used to create new sprites and edit sprites from the Scratch library.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/93axl3b1AoByIlPYwsYxgYfdhRCn3SslZqmdAMYDm5GHpASKOITDD9w0wdR_6Ii4bC6RfWU_1HLYHih7jtcPV3butUa97JEqB1EW92fjvz9ifvyIh27jIzzKCZyENour-C-GVEKEnsNITz0tuZDKPIk\" alt=\"scratch painting interface\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-scratch-paint-tools\"><strong>Scratch Paint Tools<\/strong><\/h3>\n\n\n\n<table id=\"tablepress-49\" class=\"tablepress tablepress-id-49\">\n<thead>\n<tr class=\"row-1\">\n\t<td class=\"column-1\"><\/td><th class=\"column-2\">Tool<\/th><th class=\"column-3\">Use<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"row-2\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/fill.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Fill<\/td><td class=\"column-3\">Select the fill color.<\/td>\n<\/tr>\n<tr class=\"row-3\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/outline.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Outline<\/td><td class=\"column-3\">Select the outline color.<\/td>\n<\/tr>\n<tr class=\"row-4\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/stroke.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Outline size <\/td><td class=\"column-3\">Select the outline size in pixels.<\/td>\n<\/tr>\n<tr class=\"row-5\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/select-sprite.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Select<\/td><td class=\"column-3\">Select objects on the canvas.<\/td>\n<\/tr>\n<tr class=\"row-6\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/select.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Reshape<\/td><td class=\"column-3\">Reshape objects on the canvas.<\/td>\n<\/tr>\n<tr class=\"row-7\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/brush.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Brush <\/td><td class=\"column-3\">Draw on the canvas.<\/td>\n<\/tr>\n<tr class=\"row-8\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/erase.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Eraser<\/td><td class=\"column-3\">Erase objects on the canvas.<\/td>\n<\/tr>\n<tr class=\"row-9\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/paint-bucket.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Fill<\/td><td class=\"column-3\">Fill objects with selected color.<\/td>\n<\/tr>\n<tr class=\"row-10\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/text.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Text<\/td><td class=\"column-3\">Write text on the canvas.<\/td>\n<\/tr>\n<tr class=\"row-11\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/line.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Line<\/td><td class=\"column-3\">Draw a line on the canvas.<\/td>\n<\/tr>\n<tr class=\"row-12\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/circle.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Circle<\/td><td class=\"column-3\">Draw a circle.<\/td>\n<\/tr>\n<tr class=\"row-13\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/square.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Rectangle<\/td><td class=\"column-3\">Draw a rectangle.<\/td>\n<\/tr>\n<tr class=\"row-14\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/revert.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Forward \/ Revert<\/td><td class=\"column-3\">Revert changes or go forward.<\/td>\n<\/tr>\n<tr class=\"row-15\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/group.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Group \/ Ungroup<\/td><td class=\"column-3\">Group or ungroup elements.<\/td>\n<\/tr>\n<tr class=\"row-16\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/forward.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Forward \/ Backward<\/td><td class=\"column-3\">Send elements forward or backward.<\/td>\n<\/tr>\n<tr class=\"row-17\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/front.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Front \/ Back<\/td><td class=\"column-3\">Send elements to the front or back of all elements.<\/td>\n<\/tr>\n<tr class=\"row-18\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/copy.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Copy \/ Paste<\/td><td class=\"column-3\">Copy and past elements onto the canvas.<\/td>\n<\/tr>\n<tr class=\"row-19\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/flip.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Flip Horizontal \/ Flip Vertical<\/td><td class=\"column-3\">Flip an element vertically or horizontally.<\/td>\n<\/tr>\n<tr class=\"row-20\">\n\t<td class=\"column-1\"><img decoding=\"async\" src=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/delete.png\" style=\"width: 70px;\"><\/td><td class=\"column-2\">Delete<\/td><td class=\"column-3\">Permanently delete an element.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-49 from cache -->\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-3-draw-a-sprite-using-the-brush-and-shapes-tools\"><strong>Step 3 &#8211; Draw a sprite using the brush and shapes tools<\/strong><\/h3>\n\n\n\n<p>It\u2019s easy to draw lines and shapes using the line, circle, and rectangle tools.<\/p>\n\n\n\n<p>Or grab the pen tool to draw freehand.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the tool and the fill color<\/li>\n\n\n\n<li>Click on the canvas and drag your mouse to draw.&nbsp;<\/li>\n\n\n\n<li>Create an outline of the sprite&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>I\u2019m making a flame sprite, but kids can let their imaginations run wild!&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/lBtyxzqZAk9hQ9bZdaQBV4z-wWXTOs-sjSf5hb_x2Rm5iPkmhvLkcWgLqkOHcNr5izEBFaa2RR0veAuPg7CWYpXiXhOgi8y_ozlL40cJL6gsmb56R-GPdUg3f3oEoqGfLxhStoZJxnxOEw1XnoJslIM\" alt=\"Draw a sprite using the brush and shapes tools\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-4-fill-in-the-sprite-colors-using-the-fill-tool\"><strong>Step 4 &#8211; Fill in the sprite colors using the fill tool<\/strong><\/h3>\n\n\n\n<p>Now that we\u2019ve created an outline of the sprite, we are going to color it in.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the fill tool<\/li>\n\n\n\n<li>Select the fill color&nbsp;<\/li>\n\n\n\n<li>Click on the object to fill in<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/VTqDQBZGUPyGnBT5qVshLS7ms4-wqRaRFJVhd2eiyF4H7PF0bwiIHIjMfMU_SwoNVVDzC7ZYGBP9eiZQKalMNF_k1aw_cOxT0jX6cr8TBysDpXc2ZCBXLGYlawKCq8HIPGEigepfBIt38GvfroJgDkQ\" alt=\"Fill in the sprite colors using the fill tool\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-step-5-export-the-sprite\"><strong>Step 5 &#8211; Export the sprite<\/strong><\/h3>\n\n\n\n<p>Now that we\u2019ve created an awesome sprite, it\u2019s available to use in Scratch or to export for use in other games.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Right-click on the sprite in the sprite menu<\/li>\n\n\n\n<li>Click export<\/li>\n<\/ul>\n\n\n\n<p>The sprite will download as a .svg file.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/9GN4PeBhbUMwmxUThH3RPmNXCEiO1l2skksqsPeavygKJBvaC19NAXSqhVyPlCZ3g4s-GPRVl2FJhiwZxbRfsgL93ywQ5lHtrDErjNbXpCs3_8stqG55S7mp-hF6Rh18Uvb5E7yq5ovzP38upwTuxWg\" alt=\"Export the sprite\"\/><\/figure>\n\n\n\n<p>If we want to save it as a .png file. Click on \u201cConvert to Bitmap\u201d then export.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/nD0f3-7KrTDN2xURn_e2flarvf51OoovCfU7SeiNcigbR8S7aQuHnXKId6r_Lv-ZxcEgvp8Z7Ue4DnzgSvNNEav8ZnmoRwk0lQ88Ac457kWM1IJeP19adbUWZJg4OuIfAqw_fwLgHIBa1d9_rYS-grU\" alt=\"Export the sprite\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-bonus-step-create-a-sprite-in-bitmap\"><strong>Bonus Step &#8211; Create a sprite in bitmap<\/strong><\/h3>\n\n\n\n<p>Sprites are often created in bitmap because it stores color data without any compression. Images saved in the BMP format retain their full quality and detail. Bitmap sprites have a more blocky look than vector sprites.<\/p>\n\n\n\n<p>Draw your image in Scratch using bitmap:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the convert to bitmap button<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/D8rqYP_Bz6qgLXl36dJYjn0GDl8bnaBpQnuTK2kAo3AMpRMaG2WGDphKFQmxllCF8OdvtNPHltwOdby0JOikq7djamobtCbIzIaaXu65JJt3hVaptCaUNVeldRcGsw15MwG6dI9xX86VgHxucCGpUHk\" alt=\"create a sprite in bitmap\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Change the brush size to 1<\/li>\n\n\n\n<li>Click + to zoom in until you can see 1 pixel<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/rdMwf28N496l27umKBpfTmpBxGvIdXVM8FqOcWiLmC4D2yejJbn9bgXtKqd0wcH8RD6tJYObIzIcNxusJ8-uZQTPjNnmNwHSeMI2cpy9wqWI_7VXVMy-kSkji2EZDhDRgzlsnWVCYqmLoSdms7ezFks\" alt=\"Zoom in on the brush\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Draw your sprite using the brush and shape tools<\/li>\n\n\n\n<li>Fill in one sprite at a time<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/fMyeB2zJQ9GQKWS1TG5hBq_Q79iZ9TOs0Bfwxx3STSIDj8CwLuatH5g-2VktM7S8nVw-9cykwmO3xyGXrahZi7WFRsKKrQ3VfnkDHQ376T9BN1CIRP3JGD1B3LZ6D_4Ns4yylmlslA-IdSrRF3eZrPo\" alt=\"Draw the sword sprite\"\/><\/figure>\n\n\n\n<p>Now your sprite is ready to be part of your game!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-sprite-sheets\">Sprite Sheets<\/h2>\n\n\n\n<p><strong>A sprite sheet is a collection of sprite images that represent the various animations and states of a character within a video game.<\/strong>&nbsp;<\/p>\n\n\n\n<p>These use a grid or sequence of images that depict a character&#8217;s movements, actions, and poses.<\/p>\n\n\n\n<p>Here\u2019s an example of a sprite sheet for a flying bird:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/rHVOJs8J0nz_B_vpHYomVKklENVUoah-5KHCHdayoXSKVg_A4w_zDjLmA1-RFekWv-VhkzhJYW5ecYnnYZzJd-jAP7-jkyMZLE77mb_IcX7xB0qIfFu9NAkkIvYEKg15bSbVUAr9lXve8GHDqW9b5as\" alt=\"Sprite sheet with birds flying\"\/><\/figure>\n\n\n\n<p>Each frame in the sprite sheet corresponds to a specific pose or animation frame. Game developers organize these frames into one sheet so they can efficiently manage and implement animations in their games. This method is more resource-efficient than using individual image files for each frame of animation.&nbsp;<\/p>\n\n\n\n<p>Using these sprites, we can create an animation of a bird flying.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/2zkmfbcAxbLcRD7wpP66zEqNnC_T0OzzCKJN-HTfiPcqia-Mhr6E5P7P7eySoDr2tn_EYPhhFYJW4h3ld2_TNu_cSVl1koOIfrGfmBdt2zEDbZw50pntnuqvYCwoN6HhReyn8zK6sALIVzkKArrFUaw\" alt=\"Flying bird sprite in Scratch\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-code-your-sprites-in-scratch\">Code Your Sprites in Scratch!<\/h2>\n\n\n\n<p><br>Sprites are an important part of playing a game and help create a unique visual world. Once the sprites are made, developers use code to bring them to life.<\/p>\n\n\n\n<p>Kids can also add movement and animation to their sprites in Scratch with code. It\u2019s the next step in exploring game development and coding for kids.<\/p>\n\n\n\n<p>In the <a href=\"https:\/\/www.codewizardshq.com\/coding-classes-elementary-school-students\/\">elementary school core track<\/a>, kids learn about Scratch animation and game design along with problem-solving and critical thinking skills in a fun and engaging way. <a href=\"https:\/\/enroll.codewizardshq.com\/\">Enroll today<\/a> to start coding.&nbsp;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sprites are an integral part of the design and visual aesthetics of many classic and modern 2D video games. For kids who are coding their own games, they\u2019ll want to learn how to make a sprite. Games are usually made up of a lot of individual sprites. They are unique in every game and express [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":58704,"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":"yes","_lmt_disable":"","footnotes":""},"categories":[4758],"tags":[],"class_list":["post-58703","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn-coding"],"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 Sprite | CodeWizardsHQ<\/title>\n<meta name=\"description\" content=\"Make a sprite to add to your unique game design. Using Scratch, we show kids how to make a sprite graphic and an example of a sprite sheet.\" \/>\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\/how-to-make-a-sprite\/\" \/>\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 Sprite\" \/>\n<meta property=\"og:description\" content=\"Make a sprite to add to your unique game design. Using Scratch, we show kids how to make a sprite graphic and an example of a sprite sheet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/\" \/>\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=\"2024-01-02T04:11:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-02T22:58:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"395\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Margaret Choi\" \/>\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=\"Margaret Choi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 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\/how-to-make-a-sprite\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Margaret Choi\",\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#\/schema\/person\/0d1794273fcc4d0b634d50375e00e1ca\"\n\t            },\n\t            \"headline\": \"How to Make a Sprite\",\n\t            \"datePublished\": \"2024-01-02T04:11:33+00:00\",\n\t            \"dateModified\": \"2025-06-02T22:58:44+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/\"\n\t            },\n\t            \"wordCount\": 1027,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1.png\",\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\/how-to-make-a-sprite\/\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/\",\n\t            \"name\": \"How to Make a Sprite | CodeWizardsHQ\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1.png\",\n\t            \"datePublished\": \"2024-01-02T04:11:33+00:00\",\n\t            \"dateModified\": \"2025-06-02T22:58:44+00:00\",\n\t            \"description\": \"Make a sprite to add to your unique game design. Using Scratch, we show kids how to make a sprite graphic and an example of a sprite sheet.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#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\/how-to-make-a-sprite\/\"\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\/how-to-make-a-sprite\/#primaryimage\",\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1.png\",\n\t            \"contentUrl\": \"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1.png\",\n\t            \"width\": 1600,\n\t            \"height\": 395,\n\t            \"caption\": \"How to make a sprite page banner\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#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 Sprite\"\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\/0d1794273fcc4d0b634d50375e00e1ca\",\n\t            \"name\": \"Margaret Choi\",\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\/7815305d40218c8baa3db95a35d697293aad7b383484ae7e26b6383e0f67b6ba?s=96&d=mm&r=g\",\n\t                \"contentUrl\": \"https:\/\/secure.gravatar.com\/avatar\/7815305d40218c8baa3db95a35d697293aad7b383484ae7e26b6383e0f67b6ba?s=96&d=mm&r=g\",\n\t                \"caption\": \"Margaret Choi\"\n\t            },\n\t            \"description\": \"Instructor and marketing manager at CodeWizardsHQ since 2019. She breaks down topics around coding and specific coding languages for kids to understand.\",\n\t            \"sameAs\": [\n\t                \"https:\/\/www.facebook.com\/margaret.choi.3\"\n\t            ],\n\t            \"url\": \"https:\/\/www.codewizardshq.com\/author\/margaretchoi\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Make a Sprite | CodeWizardsHQ","description":"Make a sprite to add to your unique game design. Using Scratch, we show kids how to make a sprite graphic and an example of a sprite sheet.","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\/how-to-make-a-sprite\/","og_locale":"en_US","og_type":"article","og_title":"How to Make a Sprite","og_description":"Make a sprite to add to your unique game design. Using Scratch, we show kids how to make a sprite graphic and an example of a sprite sheet.","og_url":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/","og_site_name":"CodeWizardsHQ","article_publisher":"https:\/\/www.facebook.com\/codewizardshq\/","article_published_time":"2024-01-02T04:11:33+00:00","article_modified_time":"2025-06-02T22:58:44+00:00","og_image":[{"width":1600,"height":395,"url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1.png","type":"image\/png"}],"author":"Margaret Choi","twitter_card":"summary_large_image","twitter_creator":"@codewizardshq","twitter_site":"@codewizardshq","twitter_misc":{"Written by":"Margaret Choi","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#article","isPartOf":{"@id":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/"},"author":{"name":"Margaret Choi","@id":"https:\/\/www.codewizardshq.com\/#\/schema\/person\/0d1794273fcc4d0b634d50375e00e1ca"},"headline":"How to Make a Sprite","datePublished":"2024-01-02T04:11:33+00:00","dateModified":"2025-06-02T22:58:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/"},"wordCount":1027,"publisher":{"@id":"https:\/\/www.codewizardshq.com\/#organization"},"image":{"@id":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1.png","articleSection":["Learn Coding"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/","url":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/","name":"How to Make a Sprite | CodeWizardsHQ","isPartOf":{"@id":"https:\/\/www.codewizardshq.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#primaryimage"},"image":{"@id":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1.png","datePublished":"2024-01-02T04:11:33+00:00","dateModified":"2025-06-02T22:58:44+00:00","description":"Make a sprite to add to your unique game design. Using Scratch, we show kids how to make a sprite graphic and an example of a sprite sheet.","breadcrumb":{"@id":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#primaryimage","url":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1.png","contentUrl":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1.png","width":1600,"height":395,"caption":"How to make a sprite page banner"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codewizardshq.com\/how-to-make-a-sprite\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codewizardshq.com\/"},{"@type":"ListItem","position":2,"name":"How to Make a Sprite"}]},{"@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\/0d1794273fcc4d0b634d50375e00e1ca","name":"Margaret Choi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codewizardshq.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7815305d40218c8baa3db95a35d697293aad7b383484ae7e26b6383e0f67b6ba?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7815305d40218c8baa3db95a35d697293aad7b383484ae7e26b6383e0f67b6ba?s=96&d=mm&r=g","caption":"Margaret Choi"},"description":"Instructor and marketing manager at CodeWizardsHQ since 2019. She breaks down topics around coding and specific coding languages for kids to understand.","sameAs":["https:\/\/www.facebook.com\/margaret.choi.3"],"url":"https:\/\/www.codewizardshq.com\/author\/margaretchoi\/"}]}},"modified_by":"Margaret Choi","featured_image_src":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1-600x395.png","featured_image_src_square":"https:\/\/www.codewizardshq.com\/wp-content\/uploads\/2024\/01\/01-How_to_make_a_sprite_in_scratch-1600x395-1-600x395.png","author_info":{"display_name":"Margaret Choi","author_link":"https:\/\/www.codewizardshq.com\/author\/margaretchoi\/"},"_links":{"self":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/posts\/58703","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\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/comments?post=58703"}],"version-history":[{"count":4,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/posts\/58703\/revisions"}],"predecessor-version":[{"id":69580,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/posts\/58703\/revisions\/69580"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media\/58704"}],"wp:attachment":[{"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/media?parent=58703"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/categories?post=58703"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codewizardshq.com\/wp-json\/wp\/v2\/tags?post=58703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}