scratch 1 rock band - computing unlocked€¦ · 1 these projects are for use in code clubs within...

1TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

ActivityChecklist

TestyourProject

SaveyourProject

AllCodeClubsmustberegistered.Registeredclubsappearonthemapatcodeclub.org.uk-ifyourclubisnotonthemapthenvisitjumpto.cc/18CpLPytofindoutwhattodo.

IntroductionInthisprojectyou’lllearnhowtocodeyourownmusicalinstruments!

FollowtheseINSTRUCTIONSonebyone

ClickonthegreenflagtoTESTyourcode

MakesuretoSAVEyourworknow

RockBandScratch

1

2TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

Step1:CodingaDrum

First,let’smakeadrumthatmakesasoundwhenit’shit.

ActivityChecklist

1. StartanewScratchproject,anddeletethecatspritesothat

yourprojectisempty.YoucanfindtheonlineScratcheditor

atjumpto.cc/scratch-new.

2. Addadrumspritetoyourblankproject,aswellasaddinga

suitablebackdropimagetothestage.

Ifyou’renotsurehowtodothis,theprevious../Lostin

Space.htmlprojectwillhelpyou!

3. Let’sprogramthedrumtoplayasoundwhenit’sclicked.Make

surethedrumspriteisselectedandaddthiscode:

3TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

4. Clickthedrumtotryoutyournewinstrument!

5. Youcanalsochangehowthedrumlookswhenit’sclicked,by

creatinganewcostume.Clickthe‘Costumes’tab,andyou’ll

seethedrumimage.

6. Right-clickonthecostumeandclick‘duplicate’tocreatea

copyofthecostume.

7. Clickonthenewcostume(called‘drum2’)andthenselectthe

linetoolanddrawlinestomakeitlooklikethedrumismaking

4TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

asound.

8. Thenamesofthecostumesaren’tveryhelpfulatthemoment.

Renamethe2costumesto‘nothit’and‘hit’bytypingthenew

nameofeachcostumeintothetextbox.

9. Nowthatyouhave2differentcostumesforyourdrum,you

canchoosewhichcostumeisdisplayed!Addthiscodetoyour

drum:

5TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

Thecodeblockforchangingthecostumeisinthe Looks

section.

10. Whenclicked,yourdrumshouldnowchangecostumes,tolook

likeit’sbeenhit,andthenchangebackagain.

Saveyourproject

6TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

Challenge:Improvingyourdrum

Youcancopyyourexistingcodebyright-clickingonitand

clicking‘duplicate’.

Canyouchangethesoundthatthedrummakeswhenit’s

clicked?

Canyoualsogetthedrumtomakeasoundwhenthe

spacebarispressed?You’llneedtousethis event block:

Saveyourproject

7TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

Step2:CodingaSinger

Let’saddasingertoyourband!

ActivityChecklist

1. Addanother2spritestoyourstage;asingeranda

microphone.

2. Beforeyoucanmakeyoursingersing,youneedtoadda

soundtoyoursprite.Makesurethatyouhaveselectedyour

singer,thenclickthe‘Sounds’tab,andclick‘Choosesound

fromlibrary’:

3. Ifyouclick‘Vocals’onthelefthandside,youwillthenbeable

tochooseasuitablesoundtoaddtoyoursprite.

8TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

4. Nowthatthesoundhasbeenadded,youcanaddthiscodeto

yoursinger:

5. Clickonyoursinger,tomakesurethatshesingswhenclicked.

9TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

Saveyourproject

Youcanalsomakeyoursingerlooklikesheissinging.Justlikewiththe

drum,right-clickonthecostumetoduplicateit,sothatyouhave2.

Renamethe2costumesto‘notsinging’and‘singing’.

Addsomelinesnearyoursinger’smouth.Yoursingershouldlooksomething

likethis:

10TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

Challenge:Changingyoursinger’scostume

Canyouaddcodetoyoursingersprite,tochangehercostume

whenclicked?Remembertotestthatyournewcodeworks!

Saveyourproject

11TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

Step3:Codingacymbal

SofarallofyourinstrumentshaveusedimagesfromtheScratchlibrary.Why

notdrawaspriteofyourown!

ActivityChecklist

1. Todrawyourowncymbalsprite,clickonthe‘Paintnewsprite’

icon.

2. Asyoucansee,younowhaveablankspritecalled‘Sprite1’.

Drawyourcymbalin‘costume1’,usingayellowellipseandsome

blacklines.Youshouldalsorenamethiscostume‘nothit’,just

likewithyourothersprites.

12TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

3. Duplicateyourcymbalcostumetocreateasecondcostume,

andremembertonameit‘hit’.

4. Tomakeyourcymballooklikeit’sbeenhit,youcanrotateit.

Todothis,clickthe‘Select’toolanddragtohighlightthe

cymbal.Youcanthenclickanddragthecircular‘rotate’handle

torotatethecymbal.

Yourcymbalcostumesshouldlooksomethinglikethis:

13TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

5. Yourcymbalisprobablyabittoobig.Clickthe‘Shrink’icon,

andyoushouldnoticethatthemousecursorchanges.Clickon

yourcymbalafewtimestoshrinkit.Youcanalsomoveyour

cymbaltoabetterplaceonthestage.

14TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

6. Next,youshouldchangethenameofthesprite,as‘sprite1’

isn’taveryhelpfulname!Clicktheiconforyourcymbalsprite,

andthenclickontheblue i (information)iconinthetop-left.

Youcanthenchangethespritenametosomethingmore

useful,like‘Cymbal’!

7. Nowthatyouhaveyourgraphicsmade,youcanaddinasound

tothecymbalsprite.Click‘Choosesoundfromlibrary’,and

thenclick‘Percussion’andchoosethe‘cymbalcrash’sound.

15TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

8. Addthiscodetothecymbal,sothatitmakesasoundand

changescostumewhenclicked:

9. Testoutyourcymbal,toseeifitworks!

Saveyourproject

16TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

Step4:Backingmusic

Youcanevenaddsomemusicforyourbandtoplayalongto!

ActivityChecklist

1. Clickonthestage,andthenclickthe‘Sounds’tabandthen

‘Choosesoundfromlibrary’toaddsomemusictothestage.

Themusicisinthe‘MusicLoops’section.

2. Addthiscodetoyourstage,rememberingtoselectthesound

thatyouchose:

3. Thiscoderepeatedlyplaysthemusicthatyouhavechosen.

Clicktheflagtotestitout!

4. Youcanevenaddthiscodetoyourstage,toallowyoutomute

andunmutethebackgroundmusicusingthe‘m’and‘u’keys:

17TheseprojectsareforuseinCodeClubswithintheUK.ForclubsoutsidetheUK,pleasevisitprojects.codeclubworld.org.Ourcurriculumisdevelopedintheopenon

GitHub(github.com/CodeClub),andweencouragecontributionsfromourcommunity-comeandjoinus!

Challenge:Makeyourownband

Usewhatyou’velearntinthisprojecttomakeyourownband!

Youcancreateanyinstrumentsyoulike,butlookatthe

availablesoundsandinstrumentstogetsomeideas.

Yourinstrumentsdon’thavetobesensiblethough.Forexample,

youcouldmakeapianomadeoutofmuffins!

Ifyouhaveamicrophoneyoucanrecordyourownsounds,or

evenuseawebcamtohityourinstruments!

Saveyourproject

Saveyourproject