Gamification verso javascript

Gamification verso Javascript

Salvatore Laisa

[email protected] – Mohole Lab (Milano)

mailto:[email protected]


Salvatore [email protected] – Mohole Lab

2

About me (Interactive Designer?)

2006 2007 2008 2010 2011


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

3


Vi ricordate il vostro primo videogame?

4


Come creo games Javascript?

5

con il DOM con il Canvas


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)

6


Esempi games “DOM based”

7

CSS Panic Sumon


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

8


Esempi games “Canvas based”

9

Pirates Loves Daisies Magician: Fairy rescue


10

7

A ogni uscita di una nuova versione dei browser la situazione continua a migliorare!


What about WebGL?

11

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...


Qual’è il problema?

12

Attualmente per la Microsoft non ci sono piani di includere la tecnologia WebGL in qualunque versione di IE e neanche Windows 8.


Tools per game development con JS

13


La “suite” Create JS

14

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.


Flash Professional CS6

15

La prossima di Flash Pro includerà la suite CreateJS con uno strumento di esportazione dedicato... arriva HTML5 dentro Flash!


Lime JS

16

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.


GameQuery

17

E’ un plugin di jQuery che aggiunge delle classi dedicate al game-development.Si creano giochi “DOM based”


Crafty JS

18

E’ uno dei framework open source più completi per la realizzazione di giochi Javascript & HTML5.Permette di creare sia giochi DOM che Canvas.


Three.js

19

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!


Box 2D JS

20

E’ una libreria Javascript per lavorare con effetti fisici come gravità, moti elastici, traiettorie e impatti.U s a t a a n c h e n e l p o r t i n g dell’ormai onnipresente Angry Birds.


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.


Gamepad API

22

Alcune nightly (dedicate) di Chrome e F i re fox s tanno implementando queste API che permettono di leggere eventi da un gamepad connesso a l computer.


Brass Monkey SDK

23

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!


Per una cultura del gaming

24


Javascript, questo factotum

25

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?


Alcuni titoli da non perdere

26


Distribuire/Vendere Javascript Games

27


Google

28

Entro un anno le varie piattaforme di gaming saranno unificate

Chrome Web Store Google+ Games


Mozilla Marketplace

29

Da quest’anno anche Mozilla entra nella mischia degli “app stores” proponendo un qualcosa di completamente web-centrico


Intel AppUp

30

Un nuovo concorrente che punta p r i n c i p a l m e n t e a v a r i e piattaforme e “adotta” varie tecnologie tra cui HTML5 & Javascript


Windows 8 Market & Mac App Store

31

Il modello degli app stores approda anche sui sistemi operativi desktop (ma Linux non ce l’aveva già?)


Windows 7 / Mac OSX (senza stores)

32

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)


Google Play & App Store

33

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


ho detto tutto

34

GRAZIE!


Contatti personali

• Facebook: Salvatore Laisa• Twitter: @moebiusmania• Email: [email protected]• WoW: Cattivone (server Eonar)

35



Date post:	13-Jun-2015
Category:	Technology
Upload:	salvatore-laisa
View:	439 times
Download:	0 times

Gamification verso javascript

Technology