Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft #222

Merged
merged 2 commits into from
Nov 11, 2024
Merged

Draft #222

Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
Binary file not shown.
Binary file added en/.DS_Store
Binary file not shown.
Binary file added en/images/.DS_Store
Binary file not shown.
Binary file modified en/images/add-extension-annotated.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-backdrop.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-choose-sound.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-delete-annotated.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-delete.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-draw.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-ideas-sounds.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-import-sound-annotated.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-name-annotated.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-save.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-scratch.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-singer-click.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-singer-costume-annotated.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-singer-duplicate.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-singer-name-annotated.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-sprite-library.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/band-stage-choose.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified en/images/click-music-annotated.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 6 additions & 7 deletions en/meta.yml
Original file line number Diff line number Diff line change
Expand Up @@ -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?
25 changes: 0 additions & 25 deletions en/step_1.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
39 changes: 17 additions & 22 deletions en/step_2.md
Original file line number Diff line number Diff line change
@@ -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 ---

6 changes: 3 additions & 3 deletions en/step_3.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)

Expand All @@ -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)

Expand All @@ -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)

Expand Down
10 changes: 6 additions & 4 deletions en/step_4.md
Original file line number Diff line number Diff line change
@@ -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)
Expand Down
48 changes: 41 additions & 7 deletions en/step_5.md
Original file line number Diff line number Diff line change
@@ -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)

32 changes: 21 additions & 11 deletions en/step_6.md
Original file line number Diff line number Diff line change
@@ -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 ---
Loading
Loading