Chi non ha mia giocato al serpentello sul suo vecchio Nokia alzi la mano! Snake è uno dei giochi più semplici eppure più addictive della storia dei video games – e in questo articolo vi presentiamo un tutorial che spiega per filo e per segno come crearne uno in HTML5 usando Canvas e jQuery

All'indirizzo http://thecodeplayer.com/walkthrough/html5-game-tutorial-make-a-snake-game-using-html5-canvas-jquery troviamo il lavoro di Ruby On Tails, il designer e developer che ha creato il gioco e che ha reso disponibili i suoi codici sorgenti per mostrare ancora una volta le potenzialità ludiche di HTML5.

Come vede anche dall'immagine che riportiamo qui sopra il gioco è molto spartano ma è un ottimo esempio di cosa si può fare con le nuove tecnologie del web. In particolare le note che ci piacciono di più sono:

  • fluidità del tutto
  • personalizzazione grafica (basta mettere il PNG di una mela al posto del pallino da mangiare e pezzi di serpente nel corpo ed è tutto già più bello)
  • integrazione con resto della pagina (immaginiamo un piccolo concorso sulla nostra pagina tipo "fai almeno 100 punti e scopri il tuo codice promozionale" – qui è tutto JavaScript quindi basta una semplice chiamata per "svelare" altre parti della pagina, manipolare il documento e fare quello che ci pare)

E allora, sotto a studiare (e a giocare… ;): http://thecodeplayer.com/walkthrough/html5-game-tutorial-make-a-snake-game-using-html5-canvas-jquery

The following two tabs change content below.
Silvio Porcellana
Silvio Porcellana è il fondatore di mob.is.it, il tool che centinaia di agenzie e professionisti di tutto il mondo utilizzano per creare con semplicità siti mobili e applicazioni native per i loro clienti. Tiene anche un podcast dove racconta ogni venerdì le sue avventure imprenditoriali, senza veli o segreti: Opus Digitalis