https://kata.coderdojo.it/wiki/index.php?action=history&feed=atom&title=Snake 2026-04-28T09:19:08Z Cronologia della pagina su questo sito MediaWiki 1.23.2 https://kata.coderdojo.it/wiki/index.php?title=Snake&diff=668&oldid=prev 2016-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'>&#160;</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'>&#160;</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'>&#160;</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'>&#160;</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'>&#160;</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'>&#160;</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'>&#160;</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'>&#160;</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">&#160;</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">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</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'>&#160;</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'>&#160;</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'>&#160;</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>

Mbert https://kata.coderdojo.it/wiki/index.php?title=Snake&diff=667&oldid=prev 2016-01-24T16:37:32Z

<p>Creata pagina con &quot;= &#039;Snake&#039; - il gioco del serpente = Il file &#039;snake.html&#039; (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...&quot;</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