LimeJS per creare giochi in HTML5
Pagina 1 di 7
In questo articolo vi presenterò un framework molto interessante e che ci consentirà di creare velocemente - e in maniera piuttosto semplice - dei complessi giochi in HTML5 adatti, quindi, ad essere fruiti mediante i classici computer desktop e notebook, ma anche su smartphone e tablet dotatati di touchscreen: il nome di questo interessante framework è LimeJS.
Con LimeJS sarà possibile creare, quindi, giochi davvero spettacolari e compatibili con i dispositivi più in voga del momento come Apple iPhone, iPod e iPad ma anche con gli smartphone Android.
Installazione
L'ambiente di lavoro ottimale è senza dubbio Linux/Unix, quindi anche MacOS va più che bene. Le istruzioni che seguono riguardano, quindi, l'installazione sotto questo ambiente.
Per quanto riguarda invece gli utenti Windows l'installazione avviene seconde le modalità descritte sul file README presente nella distribuzione della libreria.
Per funzionare correttamente il framework ha bisogno di alcune dipendenze:
- Python 2.6+
- Git
- Subversion or Git-SVN
- Java (solo se si vuole usare Closure Compiler)
Per cominciare basta scaricare la libreria tramite github.
La libreria si compone principlamente di due cartelle: la cartella lime/ in cui sono contenuti i sorgenti Javascript e la cartella bin/ in cui è contenuto il file lime.py che permette di eseguire diverse operazioni come, ad esempio, aggiornamenti dipendenze, creazioni progetti, etc.
Per inizializzare il nostro ambiente di sviluppo è sufficiente sposotarsi nella root della cartella di LimeJS e lanciare il seguente comando:
$ ./bin/lime.py init
Questo permetterà di scaricare le librerie necessarie e di configurare tutti i componenti (per la precisione le librerie che vengono scaricate sono Closure Library, Box2D physics library, Closure Compiler e Templates). LimeJS è basato completamente sulla libreria Javascript Closure sviluppata da Google la quale costituisce il core di molte applicazioni di Mountain View come, ad esempio, GMail.
Partiamo con la realizzazione del nostro piccolo giochino, dando però un occhio a quelle che sono le classi più importanti caratteristiche di LimeJS.
Classi principali
Le classi principali che compongono sono utilizzate all'interno di LimeJS sono le seguenti:
- Director: è l'elemento centrale di ogni gioco. E' presente uno ed un solo Director per ogni gioco ed il suo compito è quello di gestire tutte le altre classi che verranno evidenziate successivamente.
- Scene: classe che rappresenta le scene all'interno del gioco (schermate). A questa classe sono aggiunti i vari livelli.
- Layer: rappresenta una porzione di schermo. L'utilizzo che viene fatto è simile a quello dei livelli più noti di Photoshop.
- ScheduleManager: classe utilizzata all'interno del framework per gestire tutti quelli che sono gli eventi ripetuti e i movimenti di oggetti.
- Node: sono gli oggetti, ovvero le entità all'interno del gioco. Sono dotate delle proprietà tipiche di ogni oggetto grafico, come le dimensioni, la posizione, la scala; sono anche spostabili all'interno del layer di pertinenza
- Sprite: sono le forme all'interno del gioco. Non si usano infatti direttamente i nodi, ma bensì queste classi. Possono rappresentare una forma geometrica, ma anche un'immagine.
Nel proseguo di questo articolo vedremo come utilizzare questo framework per creare un semplice giochino che, mi auguro, vi sarà utile per comprendere in funzionamento di questo potente srumento di sviluppo.
