1. No category

Scratch
1
Perdudans
l’espace
AllCodeClubsmustberegistered.Registeredclubsappearonthemapat
codeclubworld.org-ifyourclubisnotonthemapthenvisitjumpto.cc/18CpLPyto
findoutwhattodo.
Introduction
Tuvasapprendreàprogrammertapropreanimation!
ActivityChecklist
FollowtheseINSTRUCTIONSonebyone
TestyourProject
ClickonthegreenflagtoTESTyourcode
SaveyourProject
MakesuretoSAVEyourworknow
1
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Étape1:Leslutins
Listed’activités
1. Toutd’abord,assure-toid’avoirouvertl’éditeurScratch.
Tupeuxletrouverenligneàl’adressejumpto.cc/scratchnew.Ildevraitressembleràceci:
2. Avantdepouvoircodertonanimation,iltefautun‘objet’
àanimer.DansScratch,ces‘objets’sontappelés‘lutins’.
LechatquetupeuxvoirestunlutinnomméFélix.C’est
lamascottedeScratch,maisdébarrassons-nousdelui
pourl’instant.CliquesurFelixavecleboutondroitdela
souris,puischoisis‘supprimer’.
3. Cliqueensuitesurl’icône‘Choisirunlutindansla
bibliothèque’pourvoirtousleslutinsquisontfournis
avecScratch.
2
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
4. Faisdéfilerlesimagesjusqu’àcequetutrouvesun
vaisseauspatial.Cliquedessuspourlesélectionner,puis
cliquesur‘OK’pourl’ajouteràtonanimation.
5. Cliquesurtonnouveauvaisseauspatialdanslazone
‘Lutins’enbasàgauche,puisvadansl’onglet‘Costumes’
àdroite.
6. Utilisel’outilflèchepoursélectionnertoutel’image.Puis
cliqueettiresurlapoignéederotationpourfairetourner
lafuséesurlecôté.
3
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
7. Tudevraismaintenantavoirungrandvaisseauspatialsur
ta‘scène’.La‘scène’estlazoneenhautàgauche.C’est
làquetonanimationvasedérouler,c’estcommeune
vraiescènedethéatre!Tupeuxfaireglisserlevaisseau
spatialautourdelascènepourledéplacer.
Pourl’instant,tascèneestblancheetbienennuyeuse!
Ajoutes-yunetoiledefond:Vadansl’onglet‘Arrièreplans’delascène,puiscliquesurl’icône‘Choisirun
arrière-plandanslabibliothèque’.
8. Cliquesurlacatégorie‘Espace’àgauche,puischoisis
l’arrière-planétoiléquis’appelle‘stars’.Cliquesur‘OK’
pourl’ajouteràtascène.
4
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Tascènedevraitmaintenantressembleràcela:
5
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Défi:Ajouteunautrelutin
Peux-tuajouterunnouveaulutin(laTerre)àtascène,
pourqueçaressembleàceci?
6
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Enregistretonprojet
Pournepasperdretontravail,tudoisl’enregistrerrégulièrement.Tout
d’abord,donneunnomàtonanimation:tape-ledanslechamptexte
audessusdelascène.Tupeuxensuitecliquersur‘Fichier’puis
‘Sauvegardermaintenant’pourenregistrertonprojet.
SituutilisesScratchenligne,toutcequetusauvegardesestajoutéà
tes‘projets’.C’estundossierenligneauqueltupeuxaccéderde
n’importeoù,mêmedecheztoi.Tupeuxaccéderàcedossieren
cliquantsur‘Fichier’,puis‘Alleràmesprojets’.
Cecitedonnelalistedetoustesprojets.Cliquesur‘Voiràl’intérieur’
pourcontinuerdeprogrammertonanimation.
SituutilisesScratchenlignemaisquetun’aspasdenomd’utilisateur,
tupeuxcliquersur‘Téléchargerdansvotreordinateur’poursauvegarder
tonprojetsurtonordinateur.
7
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Étape2:Animerteslutins
Maintenantquetuasquelqueslutins,nousallonsajouterducodepour
lesanimer!
Listed’activités
1. Créonsunscriptpourlevaisseauspatial,enutilisantdes
blocsdecode.Tupeuxtrouvercesblocsdansl’onglet
‘Scripts’.Ilsonttousuncodecouleur!Faisglisserles2
blocssuivantsdanslazonedecodeàdroite,ent’assurant
qu’ilssontbienattachésensemble(commedesblocs
Lego).
Modifieleschiffresdanslesblocsdecode,defaçonàce
quelecodesoitexactementlemêmequedansl’image
ci-dessus.Voicilecodequetudoisajouter:
Pourcoder s'orienterversEarth ,tudoisd’abordglisser
etdéposerleblocdecode,puiscliquersurlapetiteflèche
verslebaspourchoisirlelutin‘Earth’.
8
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
2. Situcliquessurcesblocs,lecodeseraexécuté:Tu
devraisvoirlevaisseauspatialtourneretsedéplacervers
lecentredelascène.
Lapositionsurl’écran x:(0)y:(0) estlecentredela
scène.Unepositioncomme x:(-150)y:(-150) estsituée
presquetoutenbasetàgauchedelascène.Etune
positioncomme x:(150)y:(150) estprèsduhautdroitde
lascène.
9
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Situveuxconnaîtrelescoordonnéesd’unendroitsurla
scène,alorsmetslasourisàlapositionsouhaitée,puis
notelescoordonnéesquisontaffichéessouslascène.
3. Situessaiesdecliquerànouveausurlecodepour
l’exécuterunesecondefois,riennesepasse!C’estparce
quelevaisseauestdéjàarrivélàoùonluiaditd’aller.
Amélioronstonanimation:Demandonsauvaisseaude
toujourscommencerenbasàgauchedelascène,et
faisons-lepointerverslehaut.
4. Ajoutequelquesblocsàtonanimation,devantlesblocs
quetuasdéjà.Toncodedevraitmaintenantressemblerà
ceci:
10
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Tutrouveraslebloc attendre(1)secondes encliquantsur
lasectionorange Contrôle .
5. Tonvaisseauspatialsedéplacemaintenantchaquefois
quetuexécutestoncode.Essaie-le!
6. Tupeuxégalementattachertesblocsdecodeàun
‘événement’.Celasignifiequelecodes’exécuteralorsque
quelquechosesepasse:parexemplequandtucliques
surledrapeauvert,quandonappuiesurunetoucheou
quandoncliquesurunlutin.
Faisglisserunévénementtoutaudébutdetoncode,
pourquel’animationdémarrelorsquetucliquessurle
drapeauvert.Toncodedevraitressembleràceci:
11
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
7. Essaietonanimationàplusieursreprises,encliquantsur
ledrapeauvertjusteau-dessusdelascène.
Défi:Amélioretonanimation
Peux-tumodifierleschiffresdanslecodedeton
animation,pourque:
Levaisseauspatialsedéplacejusqu’àcequ’iltouche
laTerre?
Levaisseauspatialsedéplacepluslentementversla
Terre?
Tuvasdevoirchangerleschiffresdecebloc:
Enregistretonprojet
12
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Étape3:Animeràl’aidedeboucles
Listed’activités
1. Uneautrefaçond’animerlevaisseauspatialestdele
déplaceruntoutpetitpeu(disons4pas)maisde
nombreusesfois.Supprimelebloc glisser detoncode,
parunclicdroitsurleblocpuis‘supprimer’.Tupeuxaussi
supprimerducodeenlefaisantglisserhorsdelazonede
codeàdroite,etenleremettantdanslazonedesblocs
aumilieu.
2. Unefoisquetuasretirécebloc,ajoutelecodesuivantà
saplace:
3. Lebloc répéter(100)fois estutilisépourrépéter
quelquechoseplusieursfois.Onappelleçaune‘boucle’.
Situcliquessurledrapeaupouressayercenouveau
code,tuverrasqu’ilfaitàpeuprèslamêmechose
qu’avant.
4. Utiliserunebouclepourdéplacerlevaisseauspatialte
permetd’ajouterplusdecodeàl’intérieurdubloc
répéter
pourfairedeschosesintéressantes.Situajoutes
lebloc ajouteràl'effetcouleur(25) (quiestdansla
section‘Apparence’)danslaboucle,tuverraslacouleur
duvaisseauspatialchangerpendantqu’ilsedéplace:
13
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
5. Cliquesurledrapeaupourvoirtanouvelleanimation.
6. Tupeuxaussiaméliorertonanimationendisantau
vaisseauspatialdedevenirpluspetitlorsqu’ilsedéplace
verslaTerre.N’oubliepasd’ajouterégalementducodeau
débutdel’animation,pourquetonvaisseauspatial
démarreavecsatailleoriginale.
7. Situessaiestonanimationmaintenant,tuverrasque
c’estbienmieuxqu’avant!
Enregistretonprojet
14
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Étape4:Plusdeboucles
Listed’activités
1. Ajoutonsmaintenantunsinge,perdudansl’espace,à
l’animation!Commenceparchoisirunlutinsingedansla
bibliothèque.
2. Situcliquessurtonnouveaulutinsinge,puissurl’onglet
‘Costumes’,tupeuxmodifierlelookdetonsinge.Clique
surl’outilcercle(nomméici‘Ellipse’)etdessineun
casqueblancautourdelatêtedusinge.
15
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
3. Maintenantcliquesurl’onglet‘Scripts’etajouteducode
pourquelesingetournelentementetindéfinimenten
rond:
Lebloc répèterindéfiniment estunebouclequiserépète
sansfin.Tuvasdevoirl’arrêterencliquantsurlebouton
stoprougeàcôtédudrapeauvert.
4. Tupeuxégalementcombinerdesboucles.Ajouteunlutin
‘étoile’àtonanimation,etprogramme-lecommececi:
16
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
5. Cliquesurledrapeaupourtesterl’animationdeton
étoile.Quefaitcecode?Ilfaitlégèrementgrossirl’étoile
20fois,puisrétrécir20foispourreveniràlatailledu
début.Etpourquecetteanimationrecommencetoutle
temps,onmetcesdeuxbouclesdansunetroisième
boucle répèterindéfiniment .
Enregistretonprojet
17
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!
Défi:Créetapropreanimation
Arrêtetonanimationdel’espace,etcliquesur‘Fichier’
puis‘Nouveau’,pourdémarrerunnouveauprojet.Utilise
cequetuasapprisdansceprojetpourfairetapropre
animation.Tupeuxfairecequetuveux,maisessaiede
resterdanslecadredéfini.Voiciquelquesexemples:
Enregistretonprojet
Bravo!TuasmaintenantterminétonpremierprojetScratch.Situ
utilisesl’éditeurenligne,tupeuxlaisserlesautresvoirtonanimation
encliquantsur‘Partager’enhautàdroitedel’éditeurScratch!
18
TheseprojectsareforuseoutsidetheUKonly.Moreinformationisavailableonourwebsiteatwww.codeclubworld.org.
ThiscourseworkisdevelopedintheopenonGitHub,atwww.github.com/CodeClub.Comeandjoinus!