Perdu dans l`espace
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!
© Copyright 2024