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



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:



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



asound.

8. Thenamesofthecostumesaren’tveryhelpfulatthemoment.

Renamethe2costumesto‘nothit’and‘hit’bytypingthenew

nameofeachcostumeintothetextbox.

9. Nowthatyouhave2differentcostumesforyourdrum,you

canchoosewhichcostumeisdisplayed!Addthiscodetoyour

drum:



Thecodeblockforchangingthecostumeisinthe Looks

section.

10. Whenclicked,yourdrumshouldnowchangecostumes,tolook

likeit’sbeenhit,andthenchangebackagain.

Saveyourproject



Challenge:Improvingyourdrum

Youcancopyyourexistingcodebyright-clickingonitand

clicking‘duplicate’.

Canyouchangethesoundthatthedrummakeswhenit’s

clicked?

Canyoualsogetthedrumtomakeasoundwhenthe

spacebarispressed?You’llneedtousethis event block:

Saveyourproject



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.



4. Nowthatthesoundhasbeenadded,youcanaddthiscodeto

yoursinger:

5. Clickonyoursinger,tomakesurethatshesingswhenclicked.



Saveyourproject

Youcanalsomakeyoursingerlooklikesheissinging.Justlikewiththe

drum,right-clickonthecostumetoduplicateit,sothatyouhave2.

Renamethe2costumesto‘notsinging’and‘singing’.

Addsomelinesnearyoursinger’smouth.Yoursingershouldlooksomething

likethis:



Challenge:Changingyoursinger’scostume

Canyouaddcodetoyoursingersprite,tochangehercostume

whenclicked?Remembertotestthatyournewcodeworks!

Saveyourproject



Step3:Codingacymbal

SofarallofyourinstrumentshaveusedimagesfromtheScratchlibrary.Why

notdrawaspriteofyourown!

ActivityChecklist

1. Todrawyourowncymbalsprite,clickonthe‘Paintnewsprite’

icon.

2. Asyoucansee,younowhaveablankspritecalled‘Sprite1’.

Drawyourcymbalin‘costume1’,usingayellowellipseandsome

blacklines.Youshouldalsorenamethiscostume‘nothit’,just

likewithyourothersprites.



3. Duplicateyourcymbalcostumetocreateasecondcostume,

andremembertonameit‘hit’.

4. Tomakeyourcymballooklikeit’sbeenhit,youcanrotateit.

Todothis,clickthe‘Select’toolanddragtohighlightthe

cymbal.Youcanthenclickanddragthecircular‘rotate’handle

torotatethecymbal.

Yourcymbalcostumesshouldlooksomethinglikethis:



5. Yourcymbalisprobablyabittoobig.Clickthe‘Shrink’icon,

andyoushouldnoticethatthemousecursorchanges.Clickon

yourcymbalafewtimestoshrinkit.Youcanalsomoveyour

cymbaltoabetterplaceonthestage.



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.



8. Addthiscodetothecymbal,sothatitmakesasoundand

changescostumewhenclicked:

9. Testoutyourcymbal,toseeifitworks!

Saveyourproject



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:



Challenge:Makeyourownband

Usewhatyou’velearntinthisprojecttomakeyourownband!

Youcancreateanyinstrumentsyoulike,butlookatthe

availablesoundsandinstrumentstogetsomeideas.

Yourinstrumentsdon’thavetobesensiblethough.Forexample,

youcouldmakeapianomadeoutofmuffins!

Ifyouhaveamicrophoneyoucanrecordyourownsounds,or

evenuseawebcamtohityourinstruments!

Saveyourproject

Saveyourproject

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

Documents