Ricreare il gioco Snake in HTML 5
No ragazzi, non sono in vena di giochi…semplicemente ho trovato questo tutorial molto semplice e chiaro per riprodurre il famosissimo gioco Snake in HTML 5 (per la precisione utilizzando il tag canvas).
Il gioco è stato intelligentemente diviso in più classi/oggetti:
- game: gestisce sostanzialmente la UI del gioco inclusi lo start e stop;
- snake: rappresenta il serpente, in particolar modo il suo movimento ed il rilevamento delle collisioni;
- food: rende possibile il posizionamento casuale del “biscottino” che il serpente deve prendere per aumentare i punti (e la sua dimensione).
Il gioco non è definitivo (quindi può essere sicuramente migliorato) ma lo trovo molto utile per entrare nel mondo dei canvas e dell’HTML 5.