{"id":3134,"date":"2024-07-03T09:59:10","date_gmt":"2024-07-03T13:59:10","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/?p=3134"},"modified":"2025-07-29T13:07:04","modified_gmt":"2025-07-29T17:07:04","slug":"introduction-to-scratch-jr-crab-dance","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/2024\/07\/03\/introduction-to-scratch-jr-crab-dance\/","title":{"rendered":"Introduction to Scratch Jr: Crab Dance Animation"},"content":{"rendered":"\n<p>This has been written in collaboration with BMCC\u2019s Early Childhood Education Department as part of CUNY&#8217;s<a href=\"https:\/\/www.cuny.edu\/academics\/academic-programs\/teacher-education-programs\/computing-integrated-teacher-education\/\"><strong> Computer-Integrated Teacher Education<\/strong><\/a> (CITE) Project. For more information on the project and more, visit this<a href=\"https:\/\/citelearning.commons.gc.cuny.edu\/\"> <strong>CITE website<\/strong><\/a>.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p><strong>Project<\/strong> <strong>Objective: <\/strong>To better understand computational thinking and coding through a simple, visually-based programming language.&nbsp;<\/p>\n\n\n\n<p>But how does Scratch help understand Computational Thinking?<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Decomposition: <\/strong>Taking your intended program and breaking it down by actions.&nbsp;<\/li>\n\n\n\n<li><strong>Abstraction:<\/strong> Seeing what actions can be done within the limitations of Scratch\/Scratch Jr.<\/li>\n\n\n\n<li><strong>Algorithmic thinking: <\/strong>Synthesizing the desired actions into the proper code blocks.&nbsp;<\/li>\n\n\n\n<li><strong>Pattern Recognition:<\/strong> Finding similar actions or logic used to create your project<strong>.<\/strong><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What is Scratch Jr?<\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/www.scratchjr.org\/\"><strong>Scratch Jr<\/strong><\/a>. Is an even more simplified version of <strong><a href=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/2024\/06\/27\/scratch-turtle-game\/\">Scratch<\/a><\/strong>, created for children from the ages of 5-7 years old to help give them the grasp of coding. It can only be used on a tablet and not on a browser (like Scratch proper) and limits the kind of functions one can program.<\/p>\n\n\n\n<p>Unlike Scratch, Scratch Jr also has some limited resources outside of the site, but a few books on Amazon, I will link below.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What Can I Do in Scratch Jr?<\/strong><\/h2>\n\n\n\n<p>A lot of things! Anything from<strong> <\/strong>simple games to silly animations for fun or for storytelling, or both! Your only limitations are the code and your imagination. If you\u2019re coming from the original Scratch, you might find it significantly limited as this is intended for 5-7 year olds.&nbsp;<\/p>\n\n\n\n<p>However, looking at this with no coding knowledge at all can be a little daunting at first\u2013 but don\u2019t worry. Playing and experimentation can help you understand the interface and blocks better. It is a bit more intuitive, a lot more tap and drag than Scratch, likely because it\u2019s tablet only.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Crab Dance Animation<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Overview:<\/h3>\n\n\n\n<p>First, you will need to install Scratch Jr on a tablet. If you are using one from the Makerspace, disregard this, as we already have it on our tablets. If you plan to to use your own tablet, please use the following links to install: <a href=\"https:\/\/apps.apple.com\/us\/app\/scratchjr\/id895485086?ls=1\"><strong>iPad<\/strong><\/a> | <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=org.scratchjr.android\"><strong>Android Tablets<\/strong><\/a> |<strong> <\/strong><a href=\"https:\/\/www.amazon.com\/Scratch-Foundation-ScratchJr\/dp\/B01AKGTD2E\"><strong>Amazon Fire Tablets<\/strong><\/a><\/p>\n\n\n\n<p>When you open up the app it will ask what you\u2019re using this for\u2013 it doesn\u2019t exactly matter, as I haven\u2019t noticed any difference in the interface.<\/p>\n\n\n\n<p>The Home button takes you to the app proper (or in fancy coding terms the integrated development environment, or IDE), and the question mark is a quick onboarding video on how to use Scratch Jr. You can come back to watch it anytime you want or need.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_01-1024x715.png\" alt=\"\" class=\"wp-image-3137\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_01-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_01-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_01-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_01-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_01-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_01-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_02-1024x715.png\" alt=\"\" class=\"wp-image-3139\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_02-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_02-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_02-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_02-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_02-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_02-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p>When you\u2019re on the IDE menu, we want to select the plus sign icon to make a new project. The bow icon is for uploading from the tablet itself (for those who might receive someone else\u2019s code\u2013 more on that later.)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_03-1024x715.png\" alt=\"\" class=\"wp-image-3140\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_03-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_03-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_03-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_03-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_03-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_03-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p>You will be taken to the IDE, where you can see Scratch Cat on a white background. To the left of the workspace is your character selection, to the right is the scenery selection. Left to right on the top are the full screen button (rectangle with brackets), the grid tool (rectangle with grid)l, the background selection (photograph), title text (circle with ABC), reset (curved arrow with x), and run (green flag). Below the workspace is where you\u2019ll drag and drop them. On the far right bottom are the Undo\/Redo buttons, and on the far left there is a light gray line art of a character\u2013 the character you currently have selected..&nbsp;<\/p>\n\n\n\n<p>While I hope this is all intuitive, I will label everything in the screenshot below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_04-1024x715.png\" alt=\"\" class=\"wp-image-3141\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_04-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_04-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_04-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_04-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_04-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_04-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p>You\u2019ll find at the bottom there are blocks of many colors\u2013 those are our code blocks. <strong>Yellow<\/strong> is trigger blocks, <strong>Blue <\/strong>is motions, <strong>Purple<\/strong> is appearances, <strong>Green<\/strong> sounds, <strong>Orange<em> <\/em><\/strong>is control options, and <strong>Red<\/strong> is the ending code.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"407\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_05-1024x407.png\" alt=\"\" class=\"wp-image-3142\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_05-1024x407.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_05-300x119.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_05-768x306.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_05-1536x611.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_05-2048x815.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_05-1200x477.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Setting the Stage<\/strong><\/h3>\n\n\n\n<p>First, I want to add a background. Select the Background button and choose a background. Mine is called \u201cBeach Day\u201d.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_06-1024x715.png\" alt=\"\" class=\"wp-image-3143\" style=\"width:630px;height:auto\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_06-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_06-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_06-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_06-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_06-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_06-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_07-1024x715.png\" alt=\"\" class=\"wp-image-3144\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_07-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_07-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_07-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_07-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_07-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_07-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p>Next, we\u2019re removing Scratch Cat. You can hold down on Scratch Cat themselves on the workspace or on the character option on the left until you see a big red X. Click that to remove them from the scene.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_08-1024x715.png\" alt=\"\" class=\"wp-image-3145\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_08-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_08-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_08-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_08-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_08-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_08-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p>Select the plus sign on the left, and pick your characters, we will need two crabs, so repeat this twice.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_09-1024x715.png\" alt=\"\" class=\"wp-image-3146\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_09-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_09-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_09-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_09-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_09-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_09-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p><br>I want the crabs looking at one another, so I need to flip it with the code blocks. I am going to the blue code block and finding the move left arrow and clicking it. It will flip the character. (You can drag it off when you\u2019re done.) I also want to drag from the purple the invisible block so I can make my characters disappear (you will need to make both crabs invisible).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_10-1024x715.png\" alt=\"\" class=\"wp-image-3147\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_10-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_10-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_10-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_10-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_10-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_10-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p>For our peace of mind, we will recolor one of the crabs, select one of the crabs in the character panel, and you will be taken to the editor. I selected the lineart and fill and made it blue. I also labeled it Crab2 for clarity.&nbsp;<\/p>\n\n\n\n<p>(Sidebar, while you can\u2019t upload things like in Scratch,&nbsp; you can draw over or use the camera to snap a photo to edit over the premade Characters or Backgrounds.)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_11-1024x715.png\" alt=\"\" class=\"wp-image-3148\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_11-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_11-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_11-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_11-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_11-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_11-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Coding the Dance<\/strong><\/h3>\n\n\n\n<p>So drag your code blocks to make the crabs dance. You can follow my code below or experiment. As you can see I have code on both crabs, as that particular code controls them.&nbsp;(You can do each one at a time, or hop between as I like to do.)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_12-1024x715.jpg\" alt=\"\" class=\"wp-image-3149\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_12-1024x715.jpg 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_12-300x210.jpg 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_12-768x536.jpg 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_12-1536x1073.jpg 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_12-2048x1431.jpg 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_12-1200x838.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p>To explain my actions in pseudocode, this is what is happening:<\/p>\n\n\n\n<p><em>When the green flag is clicked, the red crab will appear visible on the stage and move 6 space right, the blue crab will remain invisible. It will send a message (orange letter) to the blue crab. When the red crab receives the red letter message, they will move up and down 1 space twice, and end.&nbsp;<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_13-1024x715.png\" alt=\"\" class=\"wp-image-3150\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_13-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_13-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_13-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_13-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_13-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_13-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p>Here&#8217;s the pseudocode here:<\/p>\n\n\n\n<p><em>When the blue crab receives the orange letter message, it will stay invisible, move to the left 1 step (as my character refuses to appear on the far right and kept popping up), then become visible. The blue crab will move another 6 spaces towards the left and send out a red letter message. When the blue crab receives the red letter message, they will move up and down 1 space twice, and end.&nbsp;<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Saving<\/strong><\/h3>\n\n\n\n<p>On the far right top corner, there\u2019s a yellow tab. This is where you\u2019ll name your project, and have the option to share.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_14-1024x715.png\" alt=\"\" class=\"wp-image-3151\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_14-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_14-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_14-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_14-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_14-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_14-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<p>To share, select <strong>For Parents<\/strong>, and solve the math problem presented to access these options.<\/p>\n\n\n\n<p>For the safety of children, Scratch Jr has only one or two sharing options depending on the device. You can email your code to another person through your tablet\u2019s mail app, or&nbsp; for iPad users via AirDrop.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_15-1024x715.png\" alt=\"\" class=\"wp-image-3152\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_15-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_15-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_15-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_15-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_15-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_15-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_16-1024x715.png\" alt=\"\" class=\"wp-image-3153\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_16-1024x715.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_16-300x210.png 300w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_16-768x536.png 768w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_16-1536x1073.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_16-2048x1431.png 2048w, https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-content\/uploads\/sites\/144\/2024\/07\/sjr_16-1200x838.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Further Exploration Challenges:<\/strong><\/h3>\n\n\n\n<p>If you\u2019re welling brave to try some of these ideas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add dialogue vis speech bubbles<\/li>\n\n\n\n<li>Add sounds (you only have the pop or record your own)<\/li>\n\n\n\n<li>Create a second scene and figure out how to transition to it!<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Links and Resources:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.scratchjr.org\/learn\/interface\">ScratchJr Interface Guide<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.scratchjr.org\/teach\/resources\">ScratchJr Reference Library<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.amazon.com\/Official-ScratchJr-Book-Help-Learn\/dp\/1593276710\/ref=sr_1_1\">The Official ScratchJr Book<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.amazon.com\/ScratchJr-Coding-Cards-Creative-Activities\/dp\/1593278993\/ref=sr_1_5\">The Official ScratchJr Cards<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.amazon.com\/Coding-ScratchJR-Vol-Interactive-Stories\/dp\/B083XVH91G\/ref=sr_1_6\">Coding With ScratchJr Vol 1<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.amazon.com\/Coding-Scratch-JR-Vol-Interactive\/dp\/B083XX3QVQ\/ref=sr_1_4\">Coding With ScratchJr Vol 2<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.amazon.com\/Game-Development-kids-Scratch-Jr\/dp\/B0BLGC6NHD\/ref=sr_1_9\">Game Development with ScratchJr<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.amazon.com\/Ready-Steady-Code-Coding-Scratch\/dp\/1526308339\/ref=sr_1_7\">Ready, Steady, Code: Coding with ScratchJr<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This has been written in collaboration with BMCC\u2019s Early Childhood Education Department as part of CUNY&#8217;s Computer-Integrated Teacher Education (CITE) Project. For more information on the project and more, visit this CITE website.<\/p>\n","protected":false},"author":184,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[3,7],"tags":[],"class_list":["post-3134","post","type-post","status-publish","format-standard","hentry","category-blog","category-cite"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-json\/wp\/v2\/posts\/3134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-json\/wp\/v2\/users\/184"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-json\/wp\/v2\/comments?post=3134"}],"version-history":[{"count":4,"href":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-json\/wp\/v2\/posts\/3134\/revisions"}],"predecessor-version":[{"id":3197,"href":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-json\/wp\/v2\/posts\/3134\/revisions\/3197"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-json\/wp\/v2\/media?parent=3134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-json\/wp\/v2\/categories?post=3134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/wp-json\/wp\/v2\/tags?post=3134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}