Gamification verso javascript

transcript

Gamification verso Javascript

Salvatore Laisa

salvatore.laisa@mohole.it – Mohole Lab (Milano)

Salvatore Laisasalvatore.laisa@mohole.it – Mohole Lab

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

Vi ricordate il vostro primo videogame?

Come creo games Javascript?

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)

Esempi games “DOM based”

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

Esempi games “Canvas based”

Pirates Loves Daisies Magician: Fairy rescue

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

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

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.

Tools per game development con JS

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.

Flash Professional CS6

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

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.

GameQuery

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

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.

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!

Box 2D JS

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.

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

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

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

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?

Alcuni titoli da non perdere

Distribuire/Vendere Javascript Games

Google

Entro un anno le varie piattaforme di gaming saranno unificate

Chrome Web Store Google+ Games

Mozilla Marketplace

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

Intel AppUp

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

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

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)

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

ho detto tutto

GRAZIE!

Contatti personali

• Facebook: Salvatore Laisa• Twitter: @moebiusmania• Email: moebiusmania@gmail.com• WoW: Cattivone (server Eonar)

Gamification verso javascript

Technology