diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 000000000..9d1b0f9fe Binary files /dev/null and b/.DS_Store differ diff --git a/en/.DS_Store b/en/.DS_Store new file mode 100644 index 000000000..ca3cc10e8 Binary files /dev/null and b/en/.DS_Store differ diff --git a/en/images/.DS_Store b/en/images/.DS_Store new file mode 100644 index 000000000..9d9172f6f Binary files /dev/null and b/en/images/.DS_Store differ diff --git a/en/images/add-extension-annotated.png b/en/images/add-extension-annotated.png index 1601b0b10..caf3207ab 100644 Binary files a/en/images/add-extension-annotated.png and b/en/images/add-extension-annotated.png differ diff --git a/en/images/band-backdrop.png b/en/images/band-backdrop.png index 3e43c5186..d45e30070 100644 Binary files a/en/images/band-backdrop.png and b/en/images/band-backdrop.png differ diff --git a/en/images/band-choose-sound.png b/en/images/band-choose-sound.png index 5a93468ed..1a568ba47 100644 Binary files a/en/images/band-choose-sound.png and b/en/images/band-choose-sound.png differ diff --git a/en/images/band-delete-annotated.png b/en/images/band-delete-annotated.png index cb6a5c644..e3a7bda8b 100644 Binary files a/en/images/band-delete-annotated.png and b/en/images/band-delete-annotated.png differ diff --git a/en/images/band-delete.png b/en/images/band-delete.png index b8cdee6e8..e3a7bda8b 100644 Binary files a/en/images/band-delete.png and b/en/images/band-delete.png differ diff --git a/en/images/band-draw.png b/en/images/band-draw.png index cfd437782..0d95397e6 100644 Binary files a/en/images/band-draw.png and b/en/images/band-draw.png differ diff --git a/en/images/band-ideas-sounds.png b/en/images/band-ideas-sounds.png index 2df0b2a86..629a9c573 100644 Binary files a/en/images/band-ideas-sounds.png and b/en/images/band-ideas-sounds.png differ diff --git a/en/images/band-import-sound-annotated.png b/en/images/band-import-sound-annotated.png index 06e7c2d67..0e6649664 100644 Binary files a/en/images/band-import-sound-annotated.png and b/en/images/band-import-sound-annotated.png differ diff --git a/en/images/band-name-annotated.png b/en/images/band-name-annotated.png index f2a4c4086..bac56ae3c 100644 Binary files a/en/images/band-name-annotated.png and b/en/images/band-name-annotated.png differ diff --git a/en/images/band-save.png b/en/images/band-save.png index 1fad19fa3..04b51f0a9 100644 Binary files a/en/images/band-save.png and b/en/images/band-save.png differ diff --git a/en/images/band-scratch.png b/en/images/band-scratch.png index 3e99d9971..737188d3d 100644 Binary files a/en/images/band-scratch.png and b/en/images/band-scratch.png differ diff --git a/en/images/band-singer-click.png b/en/images/band-singer-click.png index be9040b11..ae83e5f75 100644 Binary files a/en/images/band-singer-click.png and b/en/images/band-singer-click.png differ diff --git a/en/images/band-singer-costume-annotated.png b/en/images/band-singer-costume-annotated.png index 4839cc81e..e6c58d13a 100644 Binary files a/en/images/band-singer-costume-annotated.png and b/en/images/band-singer-costume-annotated.png differ diff --git a/en/images/band-singer-duplicate.png b/en/images/band-singer-duplicate.png index b4eecc9fe..3b678ac1b 100644 Binary files a/en/images/band-singer-duplicate.png and b/en/images/band-singer-duplicate.png differ diff --git a/en/images/band-singer-name-annotated.png b/en/images/band-singer-name-annotated.png index 1d307c35c..2b8393d58 100644 Binary files a/en/images/band-singer-name-annotated.png and b/en/images/band-singer-name-annotated.png differ diff --git a/en/images/band-sprite-library.png b/en/images/band-sprite-library.png index deeb794aa..ac20178a4 100644 Binary files a/en/images/band-sprite-library.png and b/en/images/band-sprite-library.png differ diff --git a/en/images/band-stage-choose.png b/en/images/band-stage-choose.png index 1ee66a100..f64bf5a64 100644 Binary files a/en/images/band-stage-choose.png and b/en/images/band-stage-choose.png differ diff --git a/en/images/click-music-annotated.png b/en/images/click-music-annotated.png index c4e1addd4..a4166c223 100644 Binary files a/en/images/click-music-annotated.png and b/en/images/click-music-annotated.png differ diff --git a/en/meta.yml b/en/meta.yml index 5a188dfa8..5e3e6c3d0 100644 --- a/en/meta.yml +++ b/en/meta.yml @@ -9,16 +9,15 @@ last_tested: 2018-10-12 steps: - title: Introduction - title: Sprites -- title: The Stage completion: - engaged -- title: Making a drum -- title: 'Challenge: improve your drum' - challenge: true -- title: Making a singer +- title: The Stage +- title: Make a drum +- title: Make a singer - title: Costumes completion: - internal -- title: 'Challenge: improve your band' - challenge: true +- title: Challenge + completion: + - external - title: What next? diff --git a/en/step_1.md b/en/step_1.md index 9122130e9..814dc320e 100644 --- a/en/step_1.md +++ b/en/step_1.md @@ -22,31 +22,6 @@ You will make a game where you can click on the singer or the drum to hear singi --- /print-only --- ---- collapse --- ---- -title: What you will learn ---- -- Use code to change a sprite's costume in Scratch -- Use code to make sprites react to input in Scratch -- Add sounds to a sprite in Scratch - ---- /collapse --- - ---- collapse --- ---- -title: What you will need ---- - -#### Hardware - -+ A computer capable of running Scratch 3 - -#### Software - -+ Scratch 3 (either [online](https://rpf.io/scratchon){:target="_blank"} or [offline](https://rpf.io/scratchoff){:target="_blank"}) - ---- /collapse --- - --- collapse --- --- title: Additional information for educators diff --git a/en/step_2.md b/en/step_2.md index 268fd3325..938495614 100644 --- a/en/step_2.md +++ b/en/step_2.md @@ -1,59 +1,54 @@ ## Sprites -Before you can start coding, you'll need to add in a 'thing' to code. In Scratch, these 'things' are called __sprites__. - --- task --- -Open a new Scratch project. - -**Online:** open a new online Scratch project at [rpf.io/scratch-new](http://rpf.io/scratch-new){:target="_blank"}. - -**Offline:** open a new project in the offline editor. - -If you need to download and install the Scratch offline editor, you can find it at [rpf.io/scratchoff](http://rpf.io/scratchoff){:target="_blank"}. +Open a [new Scratch project](http://rpf.io/scratch-new){:target="_blank"}. It looks like this: -![screenshot](images/band-scratch.png) +![A screenshot of the Scratch programming interface. The interface has a purple top bar with options such as "File," "Edit," and "Share." On the left, there is a code blocks panel, with blocks for "Motion," "Looks," "Sound," "Events," and other categories. The "Motion" section is expanded, showing blue blocks with commands like "move 10 steps," "turn 15 degrees," and "go to random position." In the center is a blank coding workspace. On the right, the Scratch Cat sprite is visible in a preview area, with controls for sprite properties like "x," "y," "size," and "direction" below.](images/band-scratch.png) --- /task --- --- task --- -The cat sprite that you can see is the Scratch mascot. You don't need it for this game, so get rid of it by clicking on the X in the corner. +If you are signed in to your Scratch account, type the title of your project into the project title box at the top of the screen: -![screenshot](images/band-delete-annotated.png) +![name](images/band-name-annotated.png) + +**Tip:** Give your projects helpful names so that you can easily find them when you have lots of projects. --- /task --- --- task --- -Next, click on **Choose sprite from library** to open up a list of all the Scratch sprites. +If you are not online or don't have a Scratch account, you can save a copy of your project by clicking on **Save to your computer** instead. -![screenshot](images/band-sprite-library.png) +![screenshot](images/band-save.png) --- /task --- --- task --- -Scroll down until you see a drum sprite. Click on a drum to add it to your project. +The cat sprite that you can see is the Scratch mascot. You don't need it for this game, so get rid of it by clicking on the X in the corner. -![screenshot](images/band-sprite-drum.png) +![screenshot](images/band-delete-annotated.png) --- /task --- --- task --- -If you are signed in to your Scratch account, type the title of your project into the project title box at the top of the screen: +Next, click on **Choose sprite from library** to open up a list of all the Scratch sprites. -![name](images/band-name-annotated.png) +![screenshot](images/band-sprite-library.png) -**Tip:** Give your projects helpful names so that you can easily find them when you have lots of projects. +--- /task --- -Next, click on File, and then on Save now to save your project. +--- task --- -If you are not online or don't have a Scratch account, you can save a copy of your project by clicking on **Save to your computer** instead. +Scroll down until you see a drum sprite. Click on a drum to add it to your project. -![screenshot](images/band-save.png) +![screenshot](images/band-sprite-drum.png) --- /task --- + diff --git a/en/step_3.md b/en/step_3.md index 477e0d779..0011aa967 100644 --- a/en/step_3.md +++ b/en/step_3.md @@ -4,7 +4,7 @@ The __Stage__ is the area on the right, and is where your project comes to life. --- task --- -At the moment, the stage is white and looks pretty boring! Add a backdrop to it by clicking on **Choose a backdrop**. +At the moment, the stage is white. Add a backdrop to it by clicking on **Choose a backdrop**. ![screenshot](images/band-stage-choose.png) @@ -13,7 +13,7 @@ At the moment, the stage is white and looks pretty boring! Add a backdrop to it --- task --- -Click on **Indoors** in the list at the top. Then click on a theatre backdrop. +Click on **Indoors** in the list at the top. Then click on a backdrop you like. ![screenshot](images/band-backdrop.png) @@ -27,7 +27,7 @@ Click and drag the drum to the bottom of the Stage. --- task --- -Your stage should now look similar to this: +Your stage should now look similar to this (we used the **Theater** backdrop): ![screenshot](images/band-stage.png) diff --git a/en/step_4.md b/en/step_4.md index b365b4f14..5ccea9b0e 100644 --- a/en/step_4.md +++ b/en/step_4.md @@ -1,17 +1,19 @@ -## Making a drum +## Make a drum Now you will add code to your drum so that the drum makes a sound when it's clicked. -You can find the code blocks in the Scripts tab, and they are all colour-coded! +First add the **Music** extension so you can play instruments: --- task --- -First add the **Music** extension so you can play instruments. - Click on the **Add extension** button in the bottom left-hand corner. ![add extension button highlighted](images/add-extension-annotated.png) +--- /task --- + +--- task --- + Click on the **Music** extension to add it. ![music extension highlighted](images/click-music-annotated.png) diff --git a/en/step_5.md b/en/step_5.md index e6a4f1f0e..4dac32b10 100644 --- a/en/step_5.md +++ b/en/step_5.md @@ -1,16 +1,50 @@ -## Challenge: improving your drum +## Make a singer -Can you change the sound that the drum makes when it's clicked? +Now you will add a singer to your band! -![screenshot](images/band-drum-sound.png) +--- task --- -Can you also get the drum to make a sound when the space bar is pressed? You'll need to use this `event`{:class="block3events"} block: +Add a singer sprite to your Stage. + +![screenshot](images/band-singer-mic.png) + +[[[generic-scratch3-sprite-from-library]]] + +--- /task --- + +Add a sound to your singer sprite. + +--- task --- + +Make sure that you have selected your singer sprite, then click on the Sounds tab, and click on **Choose a sound**: + +![screenshot](images/band-import-sound-annotated.png) + +--- /task --- + +--- task --- + +Click on **Voice** in the list at the top, and then choose a sound to add to your sprite. + +![screenshot](images/band-choose-sound.png) + +--- /task --- + +--- task --- + +To use the sound, add the following code blocks to your singer sprite: ```blocks3 -when [space v] key pressed +when this sprite clicked +play sound (singer1 v) until done ``` -If you want to copy your existing code, right-click on it and then click on **duplicate**. +--- /task --- + +--- task --- + +Test your code. Click on your singer on the stage and see what happens. Does she sing? + +--- /task --- -![screenshot](images/band-duplicate-code.png) diff --git a/en/step_6.md b/en/step_6.md index 40462652d..d37b1a483 100644 --- a/en/step_6.md +++ b/en/step_6.md @@ -1,46 +1,56 @@ -## Making a singer +## Costumes -Now you will add a singer to your band! +Now you will make your singer look like she's singing! Change how your singer sprite looks when it's clicked by creating a new costume. --- task --- -Add a singer sprite to your Stage. +Click on the Costumes tab, and you'll see the singer costume. -![screenshot](images/band-singer-mic.png) +![screenshot](images/band-singer-costume-annotated.png) -[[[generic-scratch3-sprite-from-library]]] +--- /task --- + +--- task --- + +Right-click on the costume and then click on **duplicate** to create a copy of it. + +![screenshot](images/band-singer-duplicate.png) --- /task --- --- task --- -Before you can make your singer sing, you need to add a sound to your singer sprite. Make sure that you have selected your singer sprite, then click on the Sounds tab, and click on **Choose a sound**: +Click on the new costume (called 'Singer2'), and then select the line tool and draw lines so it looks like your singer is making a sound. -![screenshot](images/band-import-sound-annotated.png) +![screenshot](images/band-singer-click.png) --- /task --- --- task --- -Click on **Voice** in the list at the top, and then choose a sound to add to your sprite. +The names of the costumes aren't very helpful at the moment. Type into the text boxes of the costumes to change their names to 'not singing' and 'singing'. -![screenshot](images/band-choose-sound.png) +![screenshot](images/band-singer-name-annotated.png) --- /task --- --- task --- -To use the sound, add the following code blocks to your singer sprite: +Now that you have two different costumes for your singer, you can choose which costume is displayed! Add these two code blocks to your singer sprite: ```blocks3 when this sprite clicked ++switch costume to (singing v) play sound (singer1 v) until done ++switch costume to (not singing v) ``` +The code block for changing the costume is in the `Looks`{:class="block3looks"} section. + --- /task --- --- task --- -Click on your singer on the stage and see what happens. Does she sing? +Click on your singer on the stage. Does she look like she is singing? --- /task --- diff --git a/en/step_7.md b/en/step_7.md index c0500c7d7..5648239db 100644 --- a/en/step_7.md +++ b/en/step_7.md @@ -1,68 +1,66 @@ -## Costumes - -Now you will make your singer look like she's singing! +## Challenge --- task --- -You can change how your singer sprite looks when it's clicked by creating a new costume. Click on the Costumes tab, and you'll see the singer costume. - -![screenshot](images/band-singer-costume-annotated.png) - ---- /task --- - ---- task --- +Now make your drum look like it's being hit! -Right-click on the costume and then click on **duplicate** to create a copy of it. +![screenshot](images/band-drum-final.png) -![screenshot](images/band-singer-duplicate.png) +Remember to test that your new code works! --- /task --- --- task --- +Add more instruments to make your own band! You can create any instruments you like — look at the available instrument sprites and sounds to get some ideas. + +![screenshot](images/band-ideas-sounds.png) -Click on the new costume (called 'Singer2'), and then select the line tool and draw lines so it looks like your singer is making a sound. +```blocks3 +when this sprite clicked +set instrument to (\(1\) Piano v) +play note (60) for (0.25) beats +``` -![screenshot](images/band-singer-click.png) +Your instruments don't have to be realistic though. For example, you could make a piano made out of muffins! +![screenshot](images/band-piano.png) --- /task --- --- task --- +Can you change the sound that the drum makes when it's clicked? -The names of the costumes aren't very helpful at the moment. Type into the text boxes of the costumes to change their names to 'not singing' and 'singing'. - -![screenshot](images/band-singer-name-annotated.png) - +![screenshot](images/band-drum-sound.png) --- /task --- --- task --- - -Now that you have two different costumes for your singer, you can choose which costume is displayed! Add these two code blocks to your singer sprite: +Can you also get the drum to make a sound when the space bar is pressed? You'll need to use this `event`{:class="block3events"} block: ```blocks3 -when this sprite clicked -+switch costume to (singing v) -play sound (singer1 v) until done -+switch costume to (not singing v) +when [space v] key pressed ``` - -The code block for changing the costume is in the `Looks`{:class="block3looks"} section. - --- /task --- --- task --- +Paint your own sprites! -Click on your singer on the stage. Does she look like she is singing? +![screenshot](images/band-draw.png) --- /task --- --- task --- +If you have a microphone, record your own sounds, and you can even use a webcam to hit your instruments! -Now make your drum look like it's being hit! +![screenshot](images/band-io.png) +--- /task --- -![screenshot](images/band-drum-final.png) -- Use the instructions for changing your singer sprite's costume to help you. +--- collapse --- +--- +title: Why is my sprite 'jumping' when it changes costume? +--- -Remember to test that your new code works! +When creating your own sprite, you may find that when you click the sprite, it 'jumps' as it changes costume. This is because the two costumes aren't centered in the same place. ---- /task --- +To fix this, make sure that the centres of your sprite's costumes are the same. + +--- /collapse --- \ No newline at end of file diff --git a/en/step_8.md b/en/step_8.md index f60dfdc99..d3b24ea6d 100644 --- a/en/step_8.md +++ b/en/step_8.md @@ -1,34 +1,23 @@ -## Challenge: improve your band +## What next? -Use what you've learnt in this project to make your own band! You can create any instruments you like — look at the available instrument sprites and sounds to get some ideas. +Now that you've built your first Scratch project, why not take a look at the [Lost in space](https://projects.raspberrypi.org/en/projects/lost-in-space?utm_source=pathway&utm_medium=whatnext&utm_campaign=projects) Scratch project? -![screenshot](images/band-ideas-sounds.png) +Or, you can have a look at the [More Scratch Pathway](https://projects.raspberrypi.org/en/pathways/more-scratch), where you will make apps, games and simulations using `message` broadcasting, `if..then` and `if..then..else` decisions and variables. -```blocks3 -when this sprite clicked -set instrument to (\(1\) Piano v) -play note (60) for (0.25) beats -``` -Your instruments don't have to be realistic though. For example, you could make a piano made out of muffins! +--- no-print --- -![screenshot](images/band-piano.png) +Click on the green flag to see the animation. -You can use more sprites from the library, and you can also paint your own sprites! +
+ + +
-![screenshot](images/band-draw.png) +--- /no-print --- ---- collapse --- ---- -title: Why is my sprite 'jumping' when it changes costume? ---- +--- print-only --- -When creating your own sprite, you may find that when you click the sprite, it 'jumps' as it changes costume. This is because the two costumes aren't centered in the same place. +![Complete project](images/space-final.png) -To fix this, make sure that the centres of your sprite's costumes are the same. - ---- /collapse --- - -If you have a microphone, you can record your own sounds, and you can even use a webcam to hit your instruments! - -![screenshot](images/band-io.png) +--- /print-only --- diff --git a/en/step_9.md b/en/step_9.md deleted file mode 100644 index c7689a0a4..000000000 --- a/en/step_9.md +++ /dev/null @@ -1,20 +0,0 @@ -## What next? - -Now that you've built your first Scratch project, why not take a look at the [Lost in space](https://projects.raspberrypi.org/en/projects/lost-in-space?utm_source=pathway&utm_medium=whatnext&utm_campaign=projects) Scratch project? - ---- no-print --- - -Click on the green flag to see the animation. - -
- - -
- ---- /no-print --- - ---- print-only --- - -![Complete project](images/space-final.png) - ---- /print-only ---