{"id":589,"date":"2026-05-05T03:25:24","date_gmt":"2026-05-05T03:25:24","guid":{"rendered":"https:\/\/sites.bc.edu\/scratchjr\/?page_id=589"},"modified":"2026-05-05T12:05:46","modified_gmt":"2026-05-05T12:05:46","slug":"learn-interface-guide","status":"publish","type":"page","link":"https:\/\/sites.bc.edu\/scratchjr\/learn\/learn-interface-guide\/","title":{"rendered":"Learn &#8211; Interface Guide"},"content":{"rendered":"\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style>.kadence-column589_49a313-2f > .kt-inside-inner-col,.kadence-column589_49a313-2f > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column589_49a313-2f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column589_49a313-2f > .kt-inside-inner-col{flex-direction:column;}.kadence-column589_49a313-2f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column589_49a313-2f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column589_49a313-2f{position:relative;}@media all and (max-width: 1024px){.kadence-column589_49a313-2f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column589_49a313-2f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column589_49a313-2f\"><div class=\"kt-inside-inner-col\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"border-style:none;border-width:0px\">\n<div class=\"wp-block-column is-vertically-aligned-center has-ast-global-color-4-background-color has-background is-layout-flow wp-container-core-column-is-layout-92c44e9e wp-block-column-is-layout-flow\" style=\"border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-buttons has-custom-font-size is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\" style=\"font-size:32px\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sites.bc.edu\/scratchjr\/learn-interface-guide\">Interface Guide<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sites.bc.edu\/scratchjr\/learn-block-guide\">Block Guide <\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sites.bc.edu\/scratchjr\/learn\/learn-paint-editor-guide\/\">Paint Editor Guide <\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/sites.bc.edu\/scratchjr\/learn\/learn-tips-and-hints\/\">Tips &amp; Hints<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n\t#hotspot-214 .hotspots-image-container,\n\t#hotspot-214 .leaflet-container {\n\t\tbackground: #efefef\t}\n\n\t#hotspot-214 .hotspots-placeholder,\n\t.featherlight .featherlight-content.lightbox-214 {\n\t\tbackground: #ffffff;\n\t\tborder: 0 #ffffff solid;\n\t\tcolor: #545454;\n\t}\n\n\t#hotspot-214 .hotspot-title,\n\t#hotspot-214 .bc-product__title a,\n\t.featherlight .featherlight-content.lightbox-214 .hotspot-title,\n\t.featherlight .featherlight-content.lightbox-214 .bc-product__title a {\n\t\tcolor: #000000;\n\t}\n\n\t\t\t#hotspot-214 .hotspot-style-1 {\n\t\t\tstroke-width: 4;\n\t\t\tfill: #ffffff;\n\t\t\tfill-opacity: 0;\n\t\t\tstroke: #ffffff;\n\t\t\tstroke-opacity: 0;\n\t\t}\n\t\t#hotspot-214 .hotspot-style-1:hover,\n\t\t#hotspot-214 .hotspot-style-1:focus-visible,\n\t\t#hotspot-214 .hotspot-style-1.hotspot-active {\n\t\t\tfill: #ffffff;\n\t\t\tfill-opacity: 0.81;\n\t\t\toutline: none;\n\t\t\tstroke: #ffffff;\n\t\t\tstroke-opacity: 0.01;\n\t\t}\n\t\t\t#hotspot-214 .hotspot-default {\n\t\t\tstroke-width: 4;\n\t\t\tfill: #ffffff;\n\t\t\tfill-opacity: 0;\n\t\t\tstroke: #ffffff;\n\t\t\tstroke-opacity: 0;\n\t\t}\n\t\t#hotspot-214 .hotspot-default:hover,\n\t\t#hotspot-214 .hotspot-default:focus-visible,\n\t\t#hotspot-214 .hotspot-default.hotspot-active {\n\t\t\tfill: #2898cd;\n\t\t\tfill-opacity: 0.46;\n\t\t\toutline: none;\n\t\t\tstroke: #2898cd;\n\t\t\tstroke-opacity: 0.01;\n\t\t}\n\t\t#hotspot-214 .leaflet-tooltip,\n\t#hotspot-214 .leaflet-rrose-content-wrapper {\n\t\tbackground: #ffffff;\n\t\tborder-color: #ffffff;\n\t\tcolor: #545454;\n\t}\n\n\t#hotspot-214 a.leaflet-rrose-close-button {\n\t\tcolor: #000000;\n\t}\n\n\t#hotspot-214 .leaflet-rrose-tip {\n\t\tbackground: #ffffff;\n\t}\n\n\t#hotspot-214 .leaflet-popup-scrolled {\n\t\tborder-bottom-color: #545454;\n\t\tborder-top-color: #545454;\n\t}\n\n\t#hotspot-214 .leaflet-tooltip-top:before {\n\t\tborder-top-color: #ffffff;\n\t}\n\n\t#hotspot-214 .leaflet-tooltip-bottom:before {\n\t\tborder-bottom-color: #ffffff;\n\t}\n\t#hotspot-214 .leaflet-tooltip-left:before {\n\t\tborder-left-color: #ffffff;\n\t}\n\t#hotspot-214 .leaflet-tooltip-right:before {\n\t\tborder-right-color: #ffffff;\n\t}\n<\/style>\n\n\n\t<div class=\"hotspots-container  layout-right event-hover\" id=\"hotspot-214\" data-layout=\"right\" data-trigger=\"hover\">\n\t\t<div class=\"hotspots-interaction\">\n\t\t\t\t<div class=\"hotspots-placeholder\" id=\"content-hotspot-214\">\n\t\t<div class=\"hotspot-initial\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"hotspot-title\">\n\t\t\t\tInterface\t\t\t<\/h2>\n\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t<p>Hover over numbers on the image to learn more about different parts of the interface!<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"hotspots-image-container\">\n\t<img\n\t\twidth=\"2016\"\n\t\theight=\"1870\"\n\t\tsrc=\"https:\/\/sites.bc.edu\/scratchjr\/wp-content\/uploads\/sites\/254\/2025\/11\/Interface-Guide.png\"\n\t\talt=\"Interface\"\n\t\tclass=\"hotspots-image skip-lazy\"\n\t\tusemap=\"#hotspots-image-214\"\n\t\tdata-image-title=\"Interface\"\n\t\tdata-image-description=\"Hover over numbers on the image to learn more about different parts of the interface!\"\n\t\tdata-event-trigger=\"hover\"\n\t\tdata-always-visible=\"false\"\n\t\tdata-id=\"214\"\n\t\tdata-no-lazy=\"1\"\n\t\tdata-lazy-src=\"\"\n\t\tdata-lazy=\"false\"\n\t\tloading=\"eager\"\n\t\tdata-skip-lazy=\"1\"\n\t\t>\n<\/div>\t\t<\/div>\n\t\t<map name=\"hotspots-image-214\" class=\"hotspots-map\">\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"515,96,39\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-0\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Stage\"\n\t\t\t\t\talt=\"Stage\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-0\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"419,96,44\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-1\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Save\"\n\t\t\t\t\talt=\"Save\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-1\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"611,96,44\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-2\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Presentation Mode\"\n\t\t\t\t\talt=\"Presentation Mode\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-2\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"739,100,46\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-3\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Grid\"\n\t\t\t\t\talt=\"Grid\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-3\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"985,100,46\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-4\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Change Background\"\n\t\t\t\t\talt=\"Change Background\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-4\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"1107,98,46\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-5\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Add Text\"\n\t\t\t\t\talt=\"Add Text\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-5\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"1468,99,41\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-6\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Green Flag\"\n\t\t\t\t\talt=\"Green Flag\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-6\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"1335,99,47\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-7\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Reset Characters\"\n\t\t\t\t\talt=\"Reset Characters\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-7\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"1792,97,45\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-8\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Pages\"\n\t\t\t\t\talt=\"Pages\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-8\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"1969,98,43\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-9\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Project Information\"\n\t\t\t\t\talt=\"Project Information\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-9\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"1921,1777,47\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-10\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Undo and Redo\"\n\t\t\t\t\talt=\"Undo and Redo\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-10\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"1357,1773,44\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-11\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Program\"\n\t\t\t\t\talt=\"Program\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-11\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"1087,1774,44\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-12\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Programming Area\"\n\t\t\t\t\talt=\"Programming Area\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-12\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"935,1774,43\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-13\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Blocks Palette\"\n\t\t\t\t\talt=\"Blocks Palette\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-13\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"301,1775,42\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-14\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Block Menu\"\n\t\t\t\t\talt=\"Block Menu\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-14\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"140,1775,45\"\n\t\t\t\t\thref=\"#hotspot-hotspot-214-15\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Character Menu\"\n\t\t\t\t\talt=\"Character Menu\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-214-15\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t<\/map>\n\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-0\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Stage<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span id=\"docs-internal-guid-7cb10844-7fff-4d68-1e50-1e759384e3ad\" style=\"font-weight: normal\"><span style=\"font-size: 18pt;font-family: Poppins, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal\">This is where the action takes place in the project. To delete a character, press and hold it.<\/span><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-1\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Save<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\" role=\"presentation\"><span style=\"font-size: 18pt;font-family: Poppins,sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Save the current project and exit to the Home page<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-2\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Presentation Mode<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span id=\"docs-internal-guid-c50dcbda-7fff-1c54-d0dd-806c6f99bfe8\" style=\"font-weight: normal\"><span style=\"font-size: 18pt;font-family: Poppins, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal\">Expand the stage to the full screen<\/span><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-3\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Grid<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span id=\"docs-internal-guid-be245537-7fff-fa05-b683-6a6647f71340\" style=\"font-weight: normal\"><span style=\"font-size: 18pt;font-family: Poppins, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal\">Toggle on (and off) the x-y coordinate grid<\/span><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-4\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Change Background<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span id=\"docs-internal-guid-87e0972e-7fff-41e5-961d-2213c49269bc\" style=\"font-weight: normal\"><span style=\"font-size: 18pt;font-family: Poppins, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal\">Select or create a background image for the stage<\/span><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-5\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Add Text<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span id=\"docs-internal-guid-89dc8f03-7fff-9b51-eda1-694476c4c371\" style=\"font-weight: normal\"><span style=\"font-size: 18pt;font-family: Poppins, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal\">Write titles and labels on the stage<\/span><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-6\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Green Flag<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span style=\"background-color: transparent;font-size: 18pt;font-family: Poppins, sans-serif;font-style: normal;font-weight: 400\">Start all programming scripts that begin with a \"Start on Green Flag\" block by tapping here.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-7\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Reset Characters<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\" role=\"presentation\"><span style=\"font-size: 18pt;font-family: Poppins,sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Reset all characters to their starting positions on the stage. (Drag characters to set up new starting positions.)<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-8\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Pages<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span id=\"docs-internal-guid-5ff1e66b-7fff-5db5-423b-5b8117fd946a\" style=\"font-weight: normal\"><span style=\"font-size: 18pt;font-family: Poppins, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal\">Select among the pages in your project \u2014 or tap the plus sign to add a new page. Each page has its own set of characters and a background. To delete a page, press and hold it. To reorder pages, drag them to new positions<\/span><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-9\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Project Information<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span style=\"font-size: 18pt;font-family: Poppins,sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Change the title of the project, see when the project was created, and share the project (if supported by your device).<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-10\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Undo and Redo<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span id=\"docs-internal-guid-7c538b1b-7fff-7b6e-ae71-5e79c92fb57e\" style=\"font-weight: normal\"><span style=\"font-size: 18pt;font-family: Poppins, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal\">If you make a mistake, tap Undo to go back in time, reversing the last action. Tap Redo to reverse the last Undo.<\/span><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-11\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Program<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span style=\"font-size: 18pt;font-family: Poppins,sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Snap blocks together to make a program, telling the character what to do. Tap anywhere on a script to make it run. To delete a block or script, drag it outside the programming area. To copy a block or script from one character to another, drag it onto the character's thumbnail.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-12\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Programming Area<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span id=\"docs-internal-guid-c58503a5-7fff-ca40-6692-7d7ebc0dd35c\" style=\"font-weight: normal\"><span style=\"font-size: 18pt;font-family: Poppins, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal\"> This is where you connect programming blocks to create programs, telling the character what to do.<\/span><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-13\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Blocks Palette<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span id=\"docs-internal-guid-40770cdd-7fff-bbe8-02c4-196c0d389d18\" style=\"font-weight: normal\"><span style=\"font-size: 18pt;font-family: Poppins, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal\">This is the menu of programming blocks. Drag a block into the programming area, then tap on it to see what it does.<\/span><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-14\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Block Menu<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><span id=\"docs-internal-guid-673ed8bf-7fff-6660-d427-6987cce766b3\" style=\"font-weight: normal\"><span style=\"font-size: 18pt;font-family: Poppins, sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal\">This is where you can select a category of programming blocks: Triggering Blocks (Yellow), Motion (Blue), Looks (Purple), Sounds (Green), Control (Orange), End Blocks (Red)<\/span><\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-214-15\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Character Menu<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p dir=\"ltr\" style=\"line-height: 1.38;margin-top: 0pt;margin-bottom: 0pt\" role=\"presentation\"><span style=\"font-size: 18pt;font-family: Poppins,sans-serif;color: #000000;background-color: transparent;font-weight: 400;font-style: normal;font-variant: normal;text-decoration: none;vertical-align: baseline\">Select among the characters in your project \u2014 or tap the plus sign to add a new one. Once a character is selected, you can edit its scripts, tap its name to rename it, or tap the paintbrush to edit its image. To delete a character, press and hold it. To copy a character to another page, drag it to the page thumbnail.<\/span><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":140573,"featured_media":0,"parent":24,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-589","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.bc.edu\/scratchjr\/wp-json\/wp\/v2\/pages\/589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.bc.edu\/scratchjr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.bc.edu\/scratchjr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.bc.edu\/scratchjr\/wp-json\/wp\/v2\/users\/140573"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.bc.edu\/scratchjr\/wp-json\/wp\/v2\/comments?post=589"}],"version-history":[{"count":7,"href":"https:\/\/sites.bc.edu\/scratchjr\/wp-json\/wp\/v2\/pages\/589\/revisions"}],"predecessor-version":[{"id":631,"href":"https:\/\/sites.bc.edu\/scratchjr\/wp-json\/wp\/v2\/pages\/589\/revisions\/631"}],"up":[{"embeddable":true,"href":"https:\/\/sites.bc.edu\/scratchjr\/wp-json\/wp\/v2\/pages\/24"}],"wp:attachment":[{"href":"https:\/\/sites.bc.edu\/scratchjr\/wp-json\/wp\/v2\/media?parent=589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}