Tutorial: Breakout - Cronologia

Fpiantini il 22:31, 15 nov 2015

2015-11-15T22:31:26Z

Fpiantini il 22:30, 15 nov 2015

2015-11-15T22:30:46Z

Fpiantini il 22:29, 15 nov 2015

2015-11-15T22:29:57Z

Fpiantini il 22:29, 15 nov 2015

2015-11-15T22:29:07Z

Fpiantini il 22:13, 15 nov 2015

2015-11-15T22:13:59Z

Fpiantini il 22:05, 15 nov 2015

2015-11-15T22:05:25Z

Fpiantini il 22:03, 15 nov 2015

2015-11-15T22:03:35Z

Fpiantini il 22:02, 15 nov 2015

2015-11-15T22:02:17Z

Fpiantini il 21:51, 15 nov 2015

2015-11-15T21:51:19Z

Fpiantini il 21:49, 15 nov 2015

2015-11-15T21:49:37Z

@@ Riga 15: / Riga 15: @@
 Iniziare un nuovo progetto ed eliminare lo sprite del gatto Scratch che per questo gioco non serve.
-<br/>[[File:Ctb002.png|thumb|left|La pallina di gioco]] Creare un nuovo sprite, scegliendo dalla libreria una pallina, per esempio la “Beachball”. Cambiargli il nome in “'''Pallina'''”. Scrivere uno script che fa muovere la pallina a velocità costante all’interno del campo di gioco. Fare in modo che tutte le volte che si riavvia il programma, la pallina parta da una posizione all’interno dello schermo che abbia come x un valore a caso tra tutti quelli possibili e come y il valore 0. Con questa scelta tutte le volte che il gioco inizia la pallina si troverà in un punto a caso della linea orizzontale che attraversa il centro dell’area di gioco (vedi figura).
+<br/>[[File:Ctb002.png|thumb|left]] Creare un nuovo sprite, scegliendo dalla libreria una pallina, per esempio la “Beachball”. Cambiargli il nome in “'''Pallina'''”. Scrivere uno script che fa muovere la pallina a velocità costante all’interno del campo di gioco. Fare in modo che tutte le volte che si riavvia il programma, la pallina parta da una posizione all’interno dello schermo che abbia come x un valore a caso tra tutti quelli possibili e come y il valore 0. Con questa scelta tutte le volte che il gioco inizia la pallina si troverà in un punto a caso della linea orizzontale che attraversa il centro dell’area di gioco (vedi figura).
 [[File:Ctb003.png|Image:ctb003.png]]

@@ Riga 15: / Riga 15: @@
 Iniziare un nuovo progetto ed eliminare lo sprite del gatto Scratch che per questo gioco non serve.
-<br/>[[File:Ctb002.png|thumb|left]] Creare un nuovo sprite, scegliendo dalla libreria una pallina, per esempio la “Beachball”. Cambiargli il nome in “'''Pallina'''”. Scrivere uno script che fa muovere la pallina a velocità costante all’interno del campo di gioco. Fare in modo che tutte le volte che si riavvia il programma, la pallina parta da una posizione all’interno dello schermo che abbia come x un valore a caso tra tutti quelli possibili e come y il valore 0. Con questa scelta tutte le volte che il gioco inizia la pallina si troverà in un punto a caso della linea orizzontale che attraversa il centro dell’area di gioco (vedi figura).
+<br/>[[File:Ctb002.png|thumb|left|La pallina di gioco]] Creare un nuovo sprite, scegliendo dalla libreria una pallina, per esempio la “Beachball”. Cambiargli il nome in “'''Pallina'''”. Scrivere uno script che fa muovere la pallina a velocità costante all’interno del campo di gioco. Fare in modo che tutte le volte che si riavvia il programma, la pallina parta da una posizione all’interno dello schermo che abbia come x un valore a caso tra tutti quelli possibili e come y il valore 0. Con questa scelta tutte le volte che il gioco inizia la pallina si troverà in un punto a caso della linea orizzontale che attraversa il centro dell’area di gioco (vedi figura).
 [[File:Ctb003.png|Image:ctb003.png]]
@@ Riga 216: / Riga 216: @@
 [[File:Ctb031.png|Image:ctb031.png]]
-[[Category:Pagine che includono file inesistenti]]<br/>[[Category:Scratch|B]]
+[[Category:Pagine che includono file inesistenti|Category:Pagine che includono file inesistenti]]<br/>[[Category:Scratch|B]]

@@ Riga 15: / Riga 15: @@
 Iniziare un nuovo progetto ed eliminare lo sprite del gatto Scratch che per questo gioco non serve.
-[[File:PallinaLandung einer Französischen Hülfs-Armee in America, zu Rhode Island, am 11ten Julius 1780.jpg|thumb|left|Landing of a French auxiliary army in [[Newport, Rhode Island]] on 11 July 1780, under the command of the comte de Rochambeau. This image, one of 12 scenes from the American Revolution printed in Allegemeines historisches Taschenbuch, was by Daniel Nickolaus Chodowiecki, a well-known Polish engraver. The [[John Carter Brown Library]] at [[Brown University]] had acquired the book by 1870.]]
+<br/>[[File:Ctb002.png|thumb|left]] Creare un nuovo sprite, scegliendo dalla libreria una pallina, per esempio la “Beachball”. Cambiargli il nome in “'''Pallina'''”. Scrivere uno script che fa muovere la pallina a velocità costante all’interno del campo di gioco. Fare in modo che tutte le volte che si riavvia il programma, la pallina parta da una posizione all’interno dello schermo che abbia come x un valore a caso tra tutti quelli possibili e come y il valore 0. Con questa scelta tutte le volte che il gioco inizia la pallina si troverà in un punto a caso della linea orizzontale che attraversa il centro dell’area di gioco (vedi figura).
-−
-−
-[[File:Ctb002.png|thumb|left|La pallina di gioco]] Creare un nuovo sprite, scegliendo dalla libreria una pallina, per esempio la “Beachball”. Cambiargli il nome in “'''Pallina'''”. Scrivere uno script che fa muovere la pallina a velocità costante all’interno del campo di gioco. Fare in modo che tutte le volte che si riavvia il programma, la pallina parta da una posizione all’interno dello schermo che abbia come x un valore a caso tra tutti quelli possibili e come y il valore 0. Con questa scelta tutte le volte che il gioco inizia la pallina si troverà in un punto a caso della linea orizzontale che attraversa il centro dell’area di gioco (vedi figura).
 [[File:Ctb003.png|Image:ctb003.png]]
@@ Riga 219: / Riga 216: @@
 [[File:Ctb031.png|Image:ctb031.png]]
-[[Category:Scratch|B]]
+[[Category:Pagine che includono file inesistenti]]<br/>[[Category:Scratch|B]]

@@ Riga 15: / Riga 15: @@
 Iniziare un nuovo progetto ed eliminare lo sprite del gatto Scratch che per questo gioco non serve.
-[[File:Ctb002.png|Image:ctb002.png]] Creare un nuovo sprite, scegliendo dalla libreria una pallina, per esempio la “Beachball”. Cambiargli il nome in “'''Pallina'''”. Scrivere uno script che fa muovere la pallina a velocità costante all’interno del campo di gioco. Fare in modo che tutte le volte che si riavvia il programma, la pallina parta da una posizione all’interno dello schermo che abbia come x un valore a caso tra tutti quelli possibili e come y il valore 0. Con questa scelta tutte le volte che il gioco inizia la pallina si troverà in un punto a caso della linea orizzontale che attraversa il centro dell’area di gioco (vedi figura).
+[[File:PallinaLandung einer Französischen Hülfs-Armee in America, zu Rhode Island, am 11ten Julius 1780.jpg|thumb|left|Landing of a French auxiliary army in [[Newport, Rhode Island]] on 11 July 1780, under the command of the comte de Rochambeau. This image, one of 12 scenes from the American Revolution printed in Allegemeines historisches Taschenbuch, was by Daniel Nickolaus Chodowiecki, a well-known Polish engraver. The [[John Carter Brown Library]] at [[Brown University]] had acquired the book by 1870.]]
 [[File:Ctb003.png|Image:ctb003.png]]

@@ Riga 1: / Riga 1: @@
 = Coderdojo Firenze -- Tutorial Breakout =
 [[File:Ctb001.png|Image:ctb001.png]]
@@ Riga 106: / Riga 108: @@
 sostituire il blocco:
 [[File:Ctb014.png|Image:ctb014.png]]
 con il blocco

@@ Riga 8: / Riga 8: @@
 Per evitare che la pallina arrivi in fondo allo schermo, essa deve essere rinviata verso l’alto utilizzando una racchetta. La racchetta viene controllata dal giocatore utilizzando, per esempio, i tasti freccia destra e sinistra, oppure il puntatore del mouse.
 == La pallina: movimento nell’area di gioco ==
@@ Riga 88: / Riga 86: @@
 Ricordiamoci inoltre che il muro deve occupare solo la parte superiore dello Stage (y > 0).
-<br/>Ecco quindi un esempio di script per generare il muro. E’ abbastanza complesso, vanno definite tre variabili ('''numero_mattoni''', '''indice''' e '''riga''') e i numeri presenti nell’algoritmo potrebbero dover essere adattati in base alla dimensione del mattone, in modo da generare il muro più regolare e compatto possibile. A voi, come esercizio, capire come funziona...
+Ecco quindi un esempio di script per generare il muro. E’ abbastanza complesso, vanno definite tre variabili ('''numero_mattoni''', '''indice''' e '''riga''') e i numeri presenti nell’algoritmo potrebbero dover essere adattati in base alla dimensione del mattone, in modo da generare il muro più regolare e compatto possibile. A voi, come esercizio, capire come funziona...
 [[File:Ctb012.png|Image:ctb012.png]]
@@ Riga 96: / Riga 94: @@
 Da notare poi l’istruzione '''invia a tutti il segnale “Inizio”''' che appare nello script principale alla fine delle operazioni di clonazione. Capiremo più tardi a cosa serve questa istruzione.
-<br/>Nella figura che segue si vede come dovrebbe apparire a questo punto il campo di gioco
+Nella figura che segue si vede come dovrebbe apparire a questo punto il campo di gioco
 [[File:Ctb013.png|Image:ctb013.png]]
-<br/>'''''PROBLEMA. '''Si noti come la procedura di creazione del muro con tutte le operazioni di clonazione duri diversi secondi e come durante questa fase la pallina sia già in moto. Questo risulta piuttosto fastidioso. Sarebbe meglio che durante la fase di costruzione del muro il gioco sia ancora fermo e che la pallina cominci a muoversi solo nel momento che il muro è terminato.''
+'''SOLUZIONE: '''''utilizzare il segnale “'''Inizio'''” inviato dal mattone una volta terminate le operazioni di clonazione''. Nello script che governa il movimento della pallina (quello visto a pagina 4)
-<br/>Come fare? Prima di proseguire con la lettura, pensateci e provate a risolvere il problema.
+sostituire il blocco:
-<br/>'''SOLUZIONE: '''''utilizzare il segnale “'''Inizio'''” inviato dal mattone una volta terminate le operazioni di clonazione''. Nello script che governa il movimento della pallina (quello visto a pagina 4)
+[[File:Ctb014.png|Image:ctb014.png]]
-sostituire il blocco:
+con il blocco
-−
-[[File:Ctb014.png|Image:ctb014.png]] con il blocco
 [[File:Ctb015.png|Image:ctb015.png]]
-<br/><br/><br/>Allo Sprite '''Pallina''' va poi aggiunto un miniblocco che all’avvio lo nasconda:
+Allo Sprite '''Pallina''' va poi aggiunto un miniblocco che all’avvio lo nasconda:
 [[File:Ctb016.png|Image:ctb016.png]]
 == Distruggere il muro! ==
@@ Riga 126: / Riga 120: @@
 A questo punto occorre realizzare l’interazione tra muro e pallina.
-<br/>Cosa succede a una palla quando colpisce il muro? Rimbalza! Al programma di '''Pallina''' è quindi necessario aggiungere il seguente Script:
+Cosa succede a una palla quando colpisce il muro? Rimbalza! Al programma di '''Pallina''' è quindi necessario aggiungere il seguente Script:
 [[File:Ctb017.png|Image:ctb017.png]]
@@ Riga 132: / Riga 126: @@
 <br/>'''N.B. '''Notare come aver definito l’algoritmo di rimbalzo tramite un nuovo blocco, ci permetta adesso di utilizzarlo in modo semplice
-<br/>Nel nostro gioco succede poi un’altra cosa: quando la pallina colpisce un mattone, il mattone viene distrutto. Questo si ottiene tramite il seguente script da aggiungere allo Sprite '''Mattone'''.
+Nel nostro gioco succede poi un’altra cosa: quando la pallina colpisce un mattone, il mattone viene distrutto. Questo si ottiene tramite il seguente script da aggiungere allo Sprite '''Mattone'''.
 [[File:Ctb018.png|Image:ctb018.png]]
 == Migliorie ==
@@ Riga 149: / Riga 141: @@
 Fare questo comporta una modifica agli script di '''Pallina'''.
 In particolare introdurre una nuova variabile di nome “'''numero_palline'''” e modificare gli script visti a pagina 3 nel seguente modo:
@@ Riga 156: / Riga 146: @@
 [[File:Ctb020.png|Image:ctb020.png]]
+===  ===
-−
-−
 === Inserire le schermate di fine gioco ===
@@ Riga 171: / Riga 159: @@
 [[File:Ctb024.png|Image:ctb024.png]]
 === Migliorie lasciate come esercizio ===

@@ Riga 110: / Riga 110: @@
 sostituire il blocco:
-[[File:Ctb014.png|Image:ctb014.png]]
+[[File:Ctb014.png|Image:ctb014.png]] con il blocco
 con il blocco
 [[File:Ctb015.png|Image:ctb015.png]]
+<br/><br/><br/>Allo Sprite '''Pallina''' va poi aggiunto un miniblocco che all’avvio lo nasconda:
 <br/><br/>Allo Sprite '''Pallina''' va poi aggiunto un miniblocco che all’avvio lo nasconda:
 [[File:Ctb016.png|Image:ctb016.png]]
@@ Riga 136: / Riga 135: @@
 [[File:Ctb018.png|Image:ctb018.png]]
@@ Riga 166: / Riga 166: @@
 Definire uno Sprite con una scritta di “'''Livello Terminato'''” che appaia alla fine della partita in caso di successo, cioè quando tutti i mattoni sono stati distrutti (la variabile '''numero_mattoni''' arriva a zero).
-[[File:Ctb022.png|Image:ctb022.png]]
+[[File:Ctb022.png|Image:ctb022.png]]<br/><br/>Definire uno Sprite di “'''Game Over'''” che appare quando la missione fallisce, cioè le palline finiscono e sono presenti ancora mattoni.
 <br/><br/>Definire uno Sprite di “'''Game Over'''” che appare quando la missione fallisce, cioè le palline finiscono e sono presenti ancora mattoni.
 [[File:Ctb023.png|Image:ctb023.png]]
@@ Riga 204: / Riga 203: @@
 [[File:Ctb025.png|Image:ctb025.png]]
-=== Appendice (per i pigri): tutti gli script ===
+== Appendice (per i pigri): tutti gli script ==
-==== PALLINA ====
+=== PALLINA ===
 [[File:Ctb026.png|Image:ctb026.png]]
-==== ZONA MANGIA PALLE ====
+=== ZONA MANGIA PALLE ===
 [[File:Ctb027.png|Image:ctb027.png]]
-==== RACCHETTA ====
+=== RACCHETTA ===
 [[File:Ctb028.png|Image:ctb028.png]]
-==== MATTONE ====
+=== MATTONE ===
 [[File:Ctb029.png|Image:ctb029.png]]
-==== LIVELLO TERMINATO ====
+=== LIVELLO TERMINATO ===
 [[File:Ctb030.png|Image:ctb030.png]]
-==== GAME OVER ====
+=== GAME OVER ===
 [[File:Ctb031.png|Image:ctb031.png]]
 [[Category:Scratch|B]]

@@ Riga 15: / Riga 15: @@
 Iniziare un nuovo progetto ed eliminare lo sprite del gatto Scratch che per questo gioco non serve.
-[[File:Ctb002.png|Image:ctb002.png]]
+[[File:Ctb002.png|Image:ctb002.png]] Creare un nuovo sprite, scegliendo dalla libreria una pallina, per esempio la “Beachball”. Cambiargli il nome in “'''Pallina'''”. Scrivere uno script che fa muovere la pallina a velocità costante all’interno del campo di gioco. Fare in modo che tutte le volte che si riavvia il programma, la pallina parta da una posizione all’interno dello schermo che abbia come x un valore a caso tra tutti quelli possibili e come y il valore 0. Con questa scelta tutte le volte che il gioco inizia la pallina si troverà in un punto a caso della linea orizzontale che attraversa il centro dell’area di gioco (vedi figura).
 Creare un nuovo sprite, scegliendo dalla libreria una pallina, per esempio la “Beachball”. Cambiargli il nome in “'''Pallina'''”. Scrivere uno script che fa muovere la pallina a velocità costante all’interno del campo di gioco. Fare in modo che tutte le volte che si riavvia il programma, la pallina parta da una posizione all’interno dello schermo che abbia come x un valore a caso tra tutti quelli possibili e come y il valore 0. Con questa scelta tutte le volte che il gioco inizia la pallina si troverà in un punto a caso della linea orizzontale che attraversa il centro dell’area di gioco (vedi figura).
 [[File:Ctb003.png|Image:ctb003.png]]
+<br/>Fare in modo che la pallina si muova in una direzione a caso verso il basso. Per impostare la direzione, ricordarsi di come si misurano gli angoli nello stage di gioco. Fare riferimento alla figura sotto; in particolare notare come gli angoli si possano misurare in due modi: da 0 a 360 gradi girando in senso orario e da -180 a 180 passando per lo zero (che indica sempre la direzione verso l’alto).
 Fare in modo che la pallina si muova in una direzione a caso verso il basso. Per impostare la direzione, ricordarsi di come si misurano gli angoli nello stage di gioco. Fare riferimento alla figura sotto; in particolare notare come gli angoli si possano misurare in due modi: da 0 a 360 gradi girando in senso orario e da -180 a 180 passando per lo zero (che indica sempre la direzione verso l’alto).
 [[File:Ctb004.png|Image:ctb004.png]]
@@ Riga 70: / Riga 68: @@
 Vista la sua complessità l’algoritmo di “rimbalzo” merita di essere contenuto all’interno di un blocco dedicato, realizzato tramite il sistema degli “'''Altri Blocchi'''”. Per fare questo andare nella sezione “Altri blocchi” e cliccare sul tasto “'''Crea un blocco'''”.
-[http://kata.coderdojo.it/wiki/images/Ctb009.png http://kata.coderdojo.it/wiki/images/Ctb009.png]
+[[File:Ctb009.png|Image:ctb009.png]]
 <br/>Dare al blocco il nome “'''RIMBALZA'''”, quindi scrivere il codice da eseguire sotto il “cappello viola” con nome “definisci RIMBALZA” (vedi sotto a destra). Adesso tutte le volte che vorremo far rimbalzare la pallina basterà utilizzare il nuovo blocco “RIMBALZA”.
@@ Riga 78: / Riga 77: @@
 A questo punto è possibile divertirsi a far rimbalzare la pallina verso l’alto in modo da non farla cadere nella “'''Zona Mangia Palle'''”.
-[http://kata.coderdojo.it/wiki/images/Ctb011.png http://kata.coderdojo.it/wiki/images/Ctb011.png]
+[[File:Ctb011.png|Image:ctb011.png]]
 == Il muro da abbattere ==
@@ Riga 92: / Riga 91: @@
 <br/>Ecco quindi un esempio di script per generare il muro. E’ abbastanza complesso, vanno definite tre variabili ('''numero_mattoni''', '''indice''' e '''riga''') e i numeri presenti nell’algoritmo potrebbero dover essere adattati in base alla dimensione del mattone, in modo da generare il muro più regolare e compatto possibile. A voi, come esercizio, capire come funziona...
-[http://kata.coderdojo.it/wiki/images/Ctb012.png http://kata.coderdojo.it/wiki/images/Ctb012.png]
+[[File:Ctb012.png|Image:ctb012.png]]
 <br/>'''N.B.''' A seconda della dimensione del mattone, può darsi che i numeri contenuti nell’istruzione “'''vai a'''” debbano essere modificati un poco. Cercate rendere il muro il più possibile regolare in modo che non rimanga troppo spazio tra i mattoni.
@@ Riga 100: / Riga 99: @@
 <br/>Nella figura che segue si vede come dovrebbe apparire a questo punto il campo di gioco
-[http://kata.coderdojo.it/wiki/images/Ctb013.png http://kata.coderdojo.it/wiki/images/Ctb013.png]
+[[File:Ctb013.png|Image:ctb013.png]]
 <br/>[[File:Ctb014.png|Image:ctb014.png]]