2. About me (Interactive Designer?)
2006 2007 2008 2010 2011
Salvatore Laisa 2
salvatore.laisa@mohole.it – Mohole Lab
3. A chi mi rivolgo
• Javascript developers che non hanno mai
realizzato videogiochi
• Flash game developers interessati al
passaggio JS/HTML5
• Chiunque sia interessato allo sviluppo di
videogiochi usando linguaggi web
Salvatore Laisa 3
salvatore.laisa@mohole.it – Mohole Lab
4. Vi ricordate il vostro primo videogame?
Salvatore Laisa 4
salvatore.laisa@mohole.it – Mohole Lab
5. Come creo games Javascript?
con il DOM con il Canvas
Salvatore Laisa 5
salvatore.laisa@mohole.it – Mohole Lab
6. Creare games con il DOM
• Soluzione più veloce
• Maggiore compatibilità cross-browser
• Esclusa la possibilità del 3D!
• Maggiori performance
• Non è il metodo più pulito (un po come le tabelle
non lo erano per i layout)
Salvatore Laisa 6
salvatore.laisa@mohole.it – Mohole Lab
8. Creare games con il Canvas
• Il problema della compatibilità
• Media nativi (audio e video)
• Metodo di sviluppo “alla Flash”
• Molte librerie sono basate sul Canvas
Salvatore Laisa 8
salvatore.laisa@mohole.it – Mohole Lab
10. A ogni uscita di una nuova versione dei
browser la situazione continua a migliorare!
7
Salvatore Laisa 10
salvatore.laisa@mohole.it – Mohole Lab
11. What about WebGL?
WebGL (Web Graphics Library)
è una tecnologia che permette di
implementare la grafica 3D
(tramite OpenGL) nel browser,
con la possibilità di settare
texture, luci, shaders, modelli
ecc...
Salvatore Laisa 11
salvatore.laisa@mohole.it – Mohole Lab
12. Qual’è il problema?
Attualmente per la Microsoft non ci sono piani di includere la
tecnologia WebGL in qualunque versione di IE e neanche
Windows 8.
Salvatore Laisa 12
salvatore.laisa@mohole.it – Mohole Lab
13. Tools per game development con JS
Salvatore Laisa 13
salvatore.laisa@mohole.it – Mohole Lab
14. La “suite” Create JS
E’ un set di librerie create da Grant Skinner che snelliscono il
lavoro Html5/JS con le animazioni, l’audio, i preloader e gli sprite.
Con una sintassi molto simile ad ActionScript 3.
Salvatore Laisa 14
salvatore.laisa@mohole.it – Mohole Lab
15. Flash Professional CS6
La prossima di Flash Pro
includerà la suite CreateJS con
uno strumento di esportazione
dedicato... arriva HTML5 dentro
Flash!
Salvatore Laisa 15
salvatore.laisa@mohole.it – Mohole Lab
16. Lime JS
E’ un framework per la creazione
di giochi Html5, abbastanza
orientato verso i puzzle-game e i
rompicapo.
E’ uno dei più semplici da
imparare.
Salvatore Laisa 16
salvatore.laisa@mohole.it – Mohole Lab
17. GameQuery
E’ un plugin di jQuery che
aggiunge delle classi dedicate al
game-development.
Si creano giochi “DOM based”
Salvatore Laisa 17
salvatore.laisa@mohole.it – Mohole Lab
18. Crafty JS
E’ uno dei framework open
source più completi per la
realizzazione di giochi Javascript
& HTML5.
Permette di creare sia giochi
DOM che Canvas.
Salvatore Laisa 18
salvatore.laisa@mohole.it – Mohole Lab
19. Three.js
E’ una libreria Javascript che semplifica il setup di una scena 3D
con la tecnologia WebGL, permettendo di concentrarsi sullo
sviluppo del proprio gioco.
Insieme alla libreria ci sono tantissimi file di esempio!
Salvatore Laisa 19
salvatore.laisa@mohole.it – Mohole Lab
20. Box 2D JS
E’ una libreria Javascript per
lavorare con effetti fisici come
gravità, moti elastici, traiettorie e
impatti.
Usata anche nel porting
dell’ormai onnipresente Angry
Birds.
Salvatore Laisa 20
salvatore.laisa@mohole.it – Mohole Lab
21. E’ un IDE per la realizzazione a 360 di games 3D, permette di
importare modelli da software esterni (come 3D Studio Max),
creare mondi, programmare (anche in Javascript) ed esportare in
vari formati. E’ una piattaforma potente ma abbastanza
complessa.
Salvatore Laisa 21
salvatore.laisa@mohole.it – Mohole Lab
22. Gamepad API
Alcune nightly (dedicate) di
Chrome e Firefox stanno
implementando queste API che
permettono di leggere eventi da
un gamepad connesso al
computer.
Salvatore Laisa 22
salvatore.laisa@mohole.it – Mohole Lab
23. Brass Monkey SDK
E’ un innovativo sistema che
permette di sviluppare games
che funzionano nel browser e
saranno poi controllati da device
mobili (iPhone/Android) che
simulano il gampad!
Salvatore Laisa 23
salvatore.laisa@mohole.it – Mohole Lab
24. Per una cultura del gaming
Salvatore Laisa 24
salvatore.laisa@mohole.it – Mohole Lab
25. Javascript, questo factotum
Una colpa dell’ormai troppa diffusione di Javascript è quella di
fornire i mezzi a tantissimi sviluppatori di arrivare a qualunque
piattaforma...
Ma sviluppiamo games per intrattenere e divertire o tanto per
spesseggiare con il codice?
Salvatore Laisa 25
salvatore.laisa@mohole.it – Mohole Lab
26. Alcuni titoli da non perdere
Salvatore Laisa 26
salvatore.laisa@mohole.it – Mohole Lab
28. Google
Chrome Web Store Google+ Games
Entro un anno le varie piattaforme di gaming saranno unificate
Salvatore Laisa 28
salvatore.laisa@mohole.it – Mohole Lab
29. Mozilla Marketplace
Da quest’anno anche Mozilla
entra nella mischia degli “app
stores” proponendo un qualcosa
di completamente web-centrico
Salvatore Laisa 29
salvatore.laisa@mohole.it – Mohole Lab
30. Intel AppUp
Un nuovo concorrente che punta
principalmente a varie
piattaforme e “adotta” varie
tecnologie tra cui HTML5 &
Javascript
Salvatore Laisa 30
salvatore.laisa@mohole.it – Mohole Lab
31. Windows 8 Market & Mac App Store
Il modello degli app stores approda anche sui sistemi operativi
desktop (ma Linux non ce l’aveva già?)
Salvatore Laisa 31
salvatore.laisa@mohole.it – Mohole Lab
32. Windows 7 / Mac OSX (senza stores)
Grazie a librerie come Adobe AIR e Appcelerator Titanium è
possibile esportare applicazioni e giochi Javascript come
eseguibili per OS Desktop (anche Linux in alcuni casi)
Salvatore Laisa 32
salvatore.laisa@mohole.it – Mohole Lab
33. Google Play & App Store
Insieme alle due precedenti, librerie come Phonegap permettono
di convertire il codice Javascript in applicazioni iOS o Android e
quindi di poterle distribuire tramite i relativi store
Salvatore Laisa 33
salvatore.laisa@mohole.it – Mohole Lab