https://kata.coderdojo.it/wiki/index.php?title=Snake&feed=atom&action=historySnake - Cronologia2024-03-29T12:39:54ZCronologia della pagina su questo sitoMediaWiki 1.23.2https://kata.coderdojo.it/wiki/index.php?title=Snake&diff=668&oldid=prevMbert il 16:37, 24 gen 20162016-01-24T16:37:57Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Versione meno recente</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Versione delle 16:37, 24 gen 2016</td>
</tr><tr><td colspan="2" class="diff-lineno">Riga 1:</td>
<td colspan="2" class="diff-lineno">Riga 1:</td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>= 'Snake' - il gioco del serpente =</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>= <ins class="diffchange diffchange-inline">[[Category:Javascript|S]]</ins>'Snake' - il gioco del serpente =</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Il file 'snake.html' (trovate tutto in [[Media:Snake.zip|Snake.zip]]) realizza il gioco del serpente, passatempo presente su molti telefonini di prima generazione.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Il file 'snake.html' (trovate tutto in [[Media:Snake.zip|Snake.zip]]) realizza il gioco del serpente, passatempo presente su molti telefonini di prima generazione.</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Riga 10:</td>
<td colspan="2" class="diff-lineno">Riga 10:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Il serpente è un array, ogni elemento rappresente una cella del serpente. Quando il serpente si muove una nuova testa viene aggiunta al serpente e la coda, l'ultimo elemento del serpente viene eliminata. In questo modo si ottiene il movimento del serpente guidato dai tasti. La funzione 'scena' decide la nuova posizione della testa e verifica le condizioni di gioco: il serpente esce dal campo, il serpente si mangia. Quando la nuova testa è sul cibo il punteggio viene incrementato e creato un nuovo cibo.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Il serpente è un array, ogni elemento rappresente una cella del serpente. Quando il serpente si muove una nuova testa viene aggiunta al serpente e la coda, l'ultimo elemento del serpente viene eliminata. In questo modo si ottiene il movimento del serpente guidato dai tasti. La funzione 'scena' decide la nuova posizione della testa e verifica le condizioni di gioco: il serpente esce dal campo, il serpente si mangia. Quando la nuova testa è sul cibo il punteggio viene incrementato e creato un nuovo cibo.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>= Possibili varianti =</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>= Possibili varianti =</div></td></tr>
</table>Mberthttps://kata.coderdojo.it/wiki/index.php?title=Snake&diff=667&oldid=prevMbert: Creata pagina con "= 'Snake' - il gioco del serpente = Il file 'snake.html' (trovate tutto in Snake.zip) realizza il gioco del serpente, passatempo presente su molti telefon..."2016-01-24T16:37:32Z<p>Creata pagina con "= 'Snake' - il gioco del serpente = Il file 'snake.html' (trovate tutto in <a href="/wiki/images/Snake.zip" class="internal" title="Snake.zip">Snake.zip</a>) realizza il gioco del serpente, passatempo presente su molti telefon..."</p>
<p><b>Nuova pagina</b></p><div>= 'Snake' - il gioco del serpente =<br />
<br />
Il file 'snake.html' (trovate tutto in [[Media:Snake.zip|Snake.zip]]) realizza il gioco del serpente, passatempo presente su molti telefonini di prima generazione.<br />
<br />
Data la lunghezza del codice ho inserito nello zip anche 6 file intermedi da cui poter partire.<br />
<br />
La parte html ha un titolo, due righe per punteggio e record e l'elemento canvas che consente di disegnare il campo da gioco, serpente e cibo.<br />
<br />
Il codice inizia con la definizione delle variabili, una serie di funzioni, la gestione dei tasti freccia e la chiamata alla funzione 'init' che crea il serpente, il cibo ed il loop del gioco.<br />
<br />
Il serpente è un array, ogni elemento rappresente una cella del serpente. Quando il serpente si muove una nuova testa viene aggiunta al serpente e la coda, l'ultimo elemento del serpente viene eliminata. In questo modo si ottiene il movimento del serpente guidato dai tasti. La funzione 'scena' decide la nuova posizione della testa e verifica le condizioni di gioco: il serpente esce dal campo, il serpente si mangia. Quando la nuova testa è sul cibo il punteggio viene incrementato e creato un nuovo cibo.<br />
<br />
<br />
<br />
= Possibili varianti =<br />
<br />
Inserire degli ostacoli.<br />
<br />
Creare più cibo.<br />
<br />
Creare dei tunnel o porte comunicanti (come suggerito da un ninja).</div>Mbert