|
| 1 | +--- |
| 2 | +title: Perduts a l'espai |
| 3 | +level: Scratch 1 |
| 4 | +language: ca-ES |
| 5 | +stylesheet: scratch |
| 6 | +embeds: "*.png" |
| 7 | +materials: ["Recursos per els caps de Club/*.*"] |
| 8 | +... |
| 9 | + |
| 10 | +# Introducció { .intro } |
| 11 | + |
| 12 | +A continuació aprendràs a programar la teva pròpia animació! |
| 13 | + |
| 14 | +<div class="scratch-preview"> |
| 15 | + <iframe allowtransparency="true" width="485" height="402" src="http://scratch.mit.edu/projects/embed/26818098/?autostart=false" frameborder="0"></iframe> |
| 16 | + <img src="space-final.png"> |
| 17 | +</div> |
| 18 | + |
| 19 | +# Pas 1: Animar una nau espacial { .activity .new-page} |
| 20 | + |
| 21 | +Farem una nau espacial que voli cap a la Terra! |
| 22 | + |
| 23 | +## Llista de tasques de l'activitat { .check } |
| 24 | + |
| 25 | ++ Crea un projecte nou a l'Scratch, i esborra el personatge gat perquè et quedi el projecte buit. Pots trobar l'editor d'Scratch en línia a <a href="http://jumpto.cc/scratch-new">jumpto.cc/scratch-new</a>. |
| 26 | + |
| 27 | ++ Afegeix els personatges "Spaceship" (Nau espacial) i "Earth" (Terra) a l'escenari. A més a més, hauràs d'afegir el fons "Stars" (Estrelles) al teu escenari. El teu escenari s'hauria d'assemblar a aquest: |
| 28 | + |
| 29 | +  |
| 30 | + |
| 31 | ++ Fes clic al nou personatge de la nau espacial, i selecciona la pestanya "Vestits". |
| 32 | + |
| 33 | +  |
| 34 | + |
| 35 | ++ Utilitza l'eina amb la icona de la fletxa per seleccionar la imatge. Després clica el petit cercle per fer girar la imatge, fes-la girar fins que la nau estigui de costat. |
| 36 | + |
| 37 | +  |
| 38 | + |
| 39 | ++ Afegeix el programa següent al personatge de la nau espacial: |
| 40 | + |
| 41 | +  |
| 42 | + |
| 43 | + Canvia els números de dins dels blocs perquè el programa sigui exactament igual a la imatge anterior. |
| 44 | + |
| 45 | ++ Si fas clic a sobre el programa per executar-lo, hauries de veure com parla la nau, gira i es mou cap al centre de l'escenari. |
| 46 | + |
| 47 | +  |
| 48 | + |
| 49 | + La posició de la pantalla `x:(0) y:(0)` {.blockmotion} és el centre de l'escenari. La posició `x:(-150) y:(-150)` {.blockmotion} està a la part inferior esquerra de l'escenari, i una la posició `x:(150) y:(150)` {.blockmotion} està a prop de la part superior dreta. |
| 50 | + |
| 51 | +  |
| 52 | + |
| 53 | + Si necessites saber les coordenades d'una posició concreta dins de l'escenari, mou el ratolí a la posició que vulguis saber i apunta't les coordenades que apareixen a sota l'escenari. |
| 54 | + |
| 55 | +  |
| 56 | + |
| 57 | ++ Prova la teva animació fent clic a la bandera verda de sobre l'escenari. |
| 58 | + |
| 59 | +  |
| 60 | + |
| 61 | +## Repte: Millora la teva animació {.challenge} |
| 62 | +Pots canviar els números del programa de la teva animació, de tal manera que: |
| 63 | ++ la nau espacial es mogui fins a tocar la Terra? |
| 64 | ++ la nau espacial es mogui més lentament fins a la Terra? |
| 65 | + |
| 66 | +Hauràs de canviar els números del bloc següent: |
| 67 | + |
| 68 | +```blocks |
| 69 | + llisca en (1) segons fins a x:(0) y:(0) |
| 70 | +``` |
| 71 | + |
| 72 | +## Desa el teu projecte { .save } |
| 73 | + |
| 74 | +# Pas 2: Animar fent servir bucles { .activity .new-page } |
| 75 | + |
| 76 | +Una altra manera d'animar la nau espacial és dir-li que es mogui distàncies petites, moltes vegades. |
| 77 | + |
| 78 | +## Llista de tasques de l'activitat { .check } |
| 79 | + |
| 80 | ++ Elimina el bloc `llisca` {.blockmotion} del teu programa clicant el bloc amb el botó dret i seleccionant "esborra". També pots esborrar el programa arrosegant-lo de la zona de Programes a la zona on es troben els blocs de codi. |
| 81 | + |
| 82 | +  |
| 83 | + |
| 84 | ++ Una vegada hagis eliminat el bloc anterior, en el seu lloc, afegeix aquest programa: |
| 85 | + |
| 86 | +  |
| 87 | + |
| 88 | + El bloc `repeteix` {.blockcontrol} es fa servir per repetir alguna cosa moltes vegades, i també es coneix com un __bucle__. |
| 89 | + |
| 90 | ++ Si cliques la bandera verda per provar aquest programa nou, veuràs que la nau fa gairebé el mateix que abans. |
| 91 | + |
| 92 | ++ Pots afegir més blocs al teu bucle, per fer coses molt interessants. Afegeix el bloc `augmenta l'efecte color en 25` {.blocklooks} (de la secció "Aspecte") a dins del bucle, para canviar el color de la nau espacial repetidament a mesura que es mou: |
| 93 | + |
| 94 | +  |
| 95 | + |
| 96 | ++ Clica la bandera verda per veure la teva nova animació. |
| 97 | + |
| 98 | +  |
| 99 | + |
| 100 | ++ També pots fer que la teva nau espacial es faci més petita a mesura que es mogui cap a la Terra. |
| 101 | + |
| 102 | +  |
| 103 | + |
| 104 | ++ Prova la teva animació. Què passa si cliques la bandera verda per segona vegada? La teva nau espacial torna a començar amb la mida correcta? Pots fer servir aquest bloc per fixar la teva animació: |
| 105 | + |
| 106 | + ```scratch |
| 107 | + fixa la mida a (100)% |
| 108 | + ``` |
| 109 | + |
| 110 | +## Desa el teu projecte { .save } |
| 111 | + |
| 112 | +# Pas 3: Mico flotant { .activity .new-page } |
| 113 | + |
| 114 | +Ara afegirem un mico que està perdut a l'espai, a la teva animació! |
| 115 | + |
| 116 | +## Llista de tasques de l'activitat { .check } |
| 117 | + |
| 118 | ++ Afegeix el personatge "Monkey" (mico) de la galeria. |
| 119 | + |
| 120 | +  |
| 121 | + |
| 122 | ++ Si cliques el teu nou personatge i després vas a "Vestits", podràs editar l'aspecte del teu mico. Fes clic a l'eina "El·lipse" i dibuixa un casc espacial blanc al voltant del cap del mico. |
| 123 | + |
| 124 | +  |
| 125 | + |
| 126 | ++ A continuació fes clic a "Programes", i afegeix aquest programa al teu mico perquè giri lentament (i en cercles) per sempre: |
| 127 | + |
| 128 | + ```blocks |
| 129 | + quan la ⚑ es premi |
| 130 | + per sempre |
| 131 | + gira ↻ (1) graus |
| 132 | + fi |
| 133 | + ``` |
| 134 | + |
| 135 | + El bloc `per sempre` {.blockcontrol} és un altre bucle, però en aquest cas, és un bucle que no s'acaba mai. |
| 136 | + |
| 137 | ++ Clic a la bandera verda per provar el teu mico. Hauràs de clicar el botó d'aturar el programa (al costat de la bandera verda) per acabar aquesta animació. |
| 138 | + |
| 139 | +  |
| 140 | + |
| 141 | +# Pas 4: Asteroides que reboten { .activity .new-page } |
| 142 | + |
| 143 | +A continuació afegirem algunes roques espacials que flotin a la teva animació. |
| 144 | + |
| 145 | +## Llista de tasques de l'activitat { .check } |
| 146 | + |
| 147 | ++ Afegeix el personatge "Rocks" (roca) a la teva animació. |
| 148 | + |
| 149 | +  |
| 150 | + |
| 151 | ++ Afegeix aquest programa a la teva roca, per fer que reboti per tot l'escenari: |
| 152 | + |
| 153 | + ```scratch |
| 154 | + quan la ⚑ es premi |
| 155 | + apunta cap a [Earth v] |
| 156 | + per sempre |
| 157 | + mou-te (2) passos |
| 158 | + rebota en tocar una vora |
| 159 | + fi |
| 160 | + ``` |
| 161 | + |
| 162 | ++ Clica la bandera verda per provar la teva roca. Rebota per tot l'escenari? |
| 163 | + |
| 164 | +# Pas 5: Estrelles que brillen { .activity .new-page } |
| 165 | + |
| 166 | +Ara combinarem bucles per fer una estrella que brilli. |
| 167 | + |
| 168 | +## Llista de tasques de l'activitat { .check } |
| 169 | + |
| 170 | ++ Afegeix el personatge "Star" (Estrella) a la teva animació |
| 171 | + |
| 172 | +  |
| 173 | + |
| 174 | ++ Afegeix aquest programa a la teva estrella: |
| 175 | + |
| 176 | +  |
| 177 | + |
| 178 | ++ Clica la bandera verda per provar l'animació de l'estrella. Què fa aquest programa? Doncs, l'estrella es fa una mica més gran 20 vegades i després es fa una mica més petita 20 vegades, fins a arribar a la seva mida original. Aquests 2 bucles estan dins d'un bucle `per sempre` {.blockcontrol}, perquè així l'animació es repeteixi sempre. |
| 179 | + |
| 180 | +## Desa el teu projecte { .save } |
| 181 | + |
| 182 | +## Repte: Crea la teva pròpia animació {.challenge} |
| 183 | +Atura la teva animació espacial, clica a "Fitxer" i després a "Nou", per començar un projecte nou. |
| 184 | + |
| 185 | +Fes servir el que has après en aquest projecte per crear la teva pròpia animació. Pot ser qualsevol cosa que vulguis, però intenta que l'animació concordi amb l'escenari. Aquí et donem alguns exemples: |
| 186 | + |
| 187 | + |
| 188 | + |
| 189 | +## Desa el teu projecte { .save } |
| 190 | + |
| 191 | +## Community Contributed Translation { .challenge .pdf-hidden } |
| 192 | + |
| 193 | +This project was translated by Laia Albó from Codeclubcat. Our amazing translation volunteers help us give children around the world the chance to learn to code. You can help us reach more children by translating a Code Club project via [Github](https://github.com/CodeClub/curriculum_documentation/blob/master/contributing.md) or by getting in touch with us at hello@codeclubworld. |
0 commit comments