Rock-Band - Code Club World Projects

Scratch
1
Rock-Band
AllCodeClubsmustberegistered.Registeredclubsappearonthemapat
codeclubworld.org-ifyourclubisnotonthemapthenvisitjumpto.cc/18CpLPyto
findoutwhattodo.
Einleitung
IndiesemProjektlernstdu,wiedudeineeigenen
Musikinstrumenteprogrammierenkannst!
ActivityChecklist
FollowtheseINSTRUCTIONSonebyone
TestyourProject
ClickonthegreenflagtoTESTyourcode
SaveyourProject
MakesuretoSAVEyourworknow
1
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Schritt1:EineTrommelprogrammieren
LassunszuersteineTrommelentwickeln,dieeinenKlangvonsichgibt,
wenndudraufschlägst.
Arbeitsschritte
1. ÖffneeinneuesScratch-ProjektundlöschedieFigurmit
derKatze,sodassdeinProjektleerist.
2. FügeeineTrommel-FigurzudeinemleerenProjekthinzu
undsucheeinHintergrundbildfürdieBühne,daszum
Themapasst.
Wenndudirnichtsicherbist,wiedasgemachtwird,dann
schaudirdasvorherigeProjekt(“VerlorenimWeltall”)
an!
3. LassunsdieTrommelsoprogrammieren,dasssieeinen
Klangabspielt,wennmandraufklickt.Stellesicher,dass
dieTrommelausgewähltist,undfügediesenCodehinzu:
2
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
4. KlickeaufdieTrommel,umdeinneuesInstrumentzu
testen!
5. Dukannstauchändern,wiedieTrommelaussiehtwenn
mandraufklickt.DazubrauchtdieTrommeleinzweites
Kostüm.Klickzuerstauf‘Kostüme’,umdasaktuelleBild
derTrommelzusehen.
6. KlickemitderrechtenMaustasteaufdasKostümund
dannauf‘Duplizieren’,umeineKopiedesKostümszu
erstellen.
3
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
7. KlickeaufdasneueKostüm(‘drum2’),wähledasLinienWerkzeugaus,undzeichnedanneinpaarLinien,damit
essoaussiehtalsobdieTrommeleinenKlangvonsich
gäbe.
8. DieNamenderKostümesindderzeitnichtbesonders
hilfreich.Benennedie2Kostümeumin‘nicht
geschlagen’und‘geschlagen’indemdudieNamenindas
TextfelddesjeweiligenKostümseingibst.
4
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
9. Weilesjetzt2unterschiedlicheKostümefürdieTrommel
gibt,kannstdununauswählenwelchesKostüm
angezeigtwird!FügediesenCodezudeinerTrommel
hinzu:
DenCode-BlockzumWechselndesKostümsfindestduim
Bereich Aussehen .
10. WenndieTrommelangeklicktwirdsolltesiejetztdas
Kostümwechseln,damitmansiehtdasssieeinenTon
vonsichgibt,unddannwiederzurückwechseln.
SpeicheredeinProjekt
5
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Herausforderung:DeineTrommelverbessern
KannstdudenKlangändern,dendieTrommelvon
sichgibt,wennsieangeklicktwird?
KannstduauchdieTrommeldazubringen,einen
Klangvonsichzugeben,wenndieLeertaste
gedrücktwird?DazubenötigstdudiesenBlockaus
demBereich Ereignisse :
DukannstdenexistierendenCodekopieren,indemdumit
derrechtenMaustastedraufklickstund‘Duplizieren’
wählst.
SpeicheredeinProjekt
6
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Schritt2:EineSängerinprogrammieren
LassunsjetzteineSängerinzuunsererBandhinzufügen!
Arbeitsschritte
1. Füge2weitereFigurenzudeinerBühnehinzu:eine
SängerinundeinMikrofon.
2. BevordudeineSängerinzumSingenbringenkannst,
musstdueinenKlangzudeinerFigurhinzufügen.Stelle
sicher,dassdudieSängerinausgewählthast,undklicke
auf‘Klängeunddannauf’KlangausderBibliothek
wählen’:
7
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
3. Wenndulinksauf‘Gesang’klickst,kannstdueinen
passendenKlangfürdeineFigurauswählen.
4. WeilderKlangjetzthinzugefügtwurde,kannstdudiesen
CodezudeinerSängerinhinzufügen:
5. KlickeaufdieSängerin,umsicherzustellen,dasssiesingt,
wennsiegeklicktwird.
SpeicheredeinProjekt
8
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
DukannstauchdasKostümderSängerinwechseln,damitman
bemerkt,wennsiesingt.KlickemitderrechtenMaustasteaufdas
Kostümundwähle‘Duplizieren’,damitdugenausowiebeider
TrommeleineKopiehast.BenennediezweiKostümeumin‘singt
nicht’und‘singt’.
ZeichneeinpaarLiniennebendenMundderSängerin.DieSängerin
sollteungefährsoaussehen:
FügejetztdiesenCodezudeinerSängerinhinzu,damitihrKostüm
wechselt,wennsieangeklicktwird:
9
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
KlickeaufdieSängerin,umzutesten,obdeinneuerCode
funktioniert.
SpeicheredeinProjekt
10
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Schritt3:EinBeckenprogrammieren
BisherhabenwirfüralleInstrumentefertigeBilderausderScratchBibliothekbenutzt.WarumnichteineeigeneFigurzeichnen?
Arbeitsschritte
1. UmdeineigenesBildfürdasBeckenzuzeichnen,klicke
aufdas‘NeueFigurzeichnen’SymbolmitdemPinsel.
2. Wiedusiehst,hastdujetzteineleereFigurnamens
‘Figur1’.ZeichnedasBeckenin‘Kostüm1’,indemdueine
gelbeEllipseundeinpaarschwarzeLinienzeichnest.Du
solltestdiesesKostümauchin‘nichtgeschlagen’
umbenennen,wiebeidenanderenFiguren.
11
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
3. DuplizieredasBecken-Kostüm,umeinzweitesKostümzu
erstellen,undbenenneesumin‘geschlagen’.
4. DamitdasBeckensoaussieht,alsobesgeschlagen
wurde,kannstduesdrehen.Umdaszutun,klickeauf
das‘Auswählen’-Werkzeugundziehees,umdasBecken
zumarkieren.Dukannstdanachdenrunden‘Dreh’-Griff
ziehen,umdasBeckenzudrehen.
12
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
DieBecken-Kostümesolltenungefährsoaussehen:
5. DasBeckenistwahrscheinlichetwaszugroß.Klickeauf
das‘Verkleinern’-Symbol,woraufhinsichderMauszeiger
verändert.KlickeeinigeMalaufdasBecken,umeszu
verkleinern.DukannstdasBeckenauchverschieben,um
ihmaufderBühneeinenbesserenPlatzzugeben.
13
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
6. AlsnächstessolltestdudenNamenderFigurumändern,
weil‘Figur1’keinbesondershilfreicherNameist!Klicke
aufdasSymbolfürdieBecken-Figurunddannaufdas
blaue i (Information)obenlinks.
DukannstjetztdenNamenderFigurinetwasSinnvolles,
wie‘Becken’,umändern!
7. DadieBilderjetztfertigsind,kannstdueinenKlangzur
Becken-Figurhinzufügen.Klickeauf‘Klangausder
Bibliothekwählen’,dannauf‘Schlagwerk’undwähleden
‘cymbalcrash’-Klang.
14
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
8. FügediesenCodezumBeckenhinzu,sodasseseinen
KlangvonsichgibtunddasKostümwechselt,wennes
angeklicktwird:
9. TestedasBecken,umzusehenobesfunktioniert!
SpeicheredeinProjekt
15
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Schritt4:Hintergrundmusik
DukannstHintergrundmusikhinzufügen,diedeineBandbegleitet!
Arbeitsschritte
1. KlickeaufdieBühne,dannauf‘Klänge’unddannauf
‘KlangausderBibliothekwählen’,umMusikzudeiner
Bühnehinzuzufügen.DieMusikfindestduimBereich
‘Musikschleifen’.
2. FügediesenCodezudeinerBühnehinzuunddenkdaran,
dieMusikauszuwählen,dieduausgesuchthast:
3. DieserCodespieltdieMusik,dieduausgewählthast,in
einerSchleife.KlickaufdieFlagge,undprobieresaus!
4. DukannstsogardiesenCodezudeinerBühne
hinzufügen,damitdudieHintergrundmusikstumm
schaltenoderwiederlautschaltenkannst,indemdudie
Tasten‘m’und‘u’benutzt:
16
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
SpeicheredeinProjekt
17
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Herausforderung:ErstelledeineeigeneBand
Benutzedas,wasduindiesemProjektgelernthast,um
deineeigeneBandzuerstellen!Dukannstalle
Instrumenteerstellen,diedirgefallen,aberschaudir
zuerstdieverfügbarenTöneundInstrumentean,umein
paarIdeenzubekommen.
DeineInstrumentemüssenauchnichtunbedingtsinnvoll
sein.DukannstbeispielsweiseeinKlavierausMuffins
erstellen!
KannsdudeineigenesLiedkomponieren,odermit
FreundeneineBandzusammenstellen?
SpeicheredeinProjekt
18
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!