desarrollo interactivo con html5
TRANSCRIPT
NextLevel SMI 201230 de Noviembre, 2012
Comunidades
Google Developer Group Limahttp://www.limagtug.org/
Comunidades
International Game Developer Association
@IGDAPeru
http://www.nextlevellatam.com/
Html5 Interactivo con Easel.jsDatos de expositor: Eduardo José Medina AlfaroCEO QuickDev - Interactive Game Developer / IGDA - GDG LimaMail:[email protected]+:+eduardo medinaTwitter:@eduardomedina
Html5 Interactivo con Easel.jsDatos de expositor: Eduardo José Medina AlfaroCEO QuickDev - Interactive Game Developer / IGDA - GDG LimaMail:[email protected]+:+eduardo medinaTwitter:@eduardomedina
Desarrollo Interactivo en la Web Eduardo Medina
Ejemplos Eduardo Medina
Html5 Canvas Eduardo Medina
WebGL Eduardo Medina
CSS3 3D Eduardo Medina
Referencias Eduardo Medina
Agenda
Desarrollo Interactivo en la Web ● Flash● Html5
○ CSS3○ JS
● WebGL
Conocimiento ya adquirido de otras tecnologías
● Three.js● Easel.js● Box2D.js
Flash● http://www.
wechoosethemoon.org/
● http://www.nickelodeon.com.au/
● http://zozole.pl/
Ejemplos● Box2D http://www.jangaroo.
net/files/examples/flash/box2d/● Three.JS
http://mrdoob.github.com/three.js/http://carvisualizer.plus360degrees.
com/threejs/● CSS3
http://www.krazytemplates.com/beercamp-an-experiment-with-css-3d/
http://2012.beercamp.com/
Easel.JS Librería en JS para trabajar con el Canvas de Html5 fácilmente.
● Canvas Display Object● Mouse Interaction Model● Rich HTML5 Content● Object Nesting
Chrome Experiments
● http://www.chromeexperiments.com/
GDG Lima WebGL
● http://www.chromeexperiments.com/
Easel.JS
● CreateJS http://www.createjs.com/#!/CreateJS
● http://www.createjs.com/#!/EaselJS
● Comunidad http://community.createjs.com/discussions/easeljs
Easel.JS
● Ejemploshttp://blogs.msdn.com/b/davrous/archive/2012/03/16/html5-gaming-animating-sprites-in-canvas-with-easeljs.aspxhttp://www.leebrimelow.com/?p=3171
WebSite DevFestLima
Referencias● http://www.createjs.com/#!/EaselJS● https://github.
com/CreateJS/EaselJS/● http://gskinner.com/● http://www.createjs.com/#!/TweenJS● https://github.com/mrdoob/three.js/● http://www.pirateslovedaisies.com/● http://desandro.github.
com/3dtransforms/docs/introduction.html
●
<Preguntas?>
<Gracias por participar!>
@eduardomedina
http://carvisualizer.plus360degrees.com/threejs/
http://www.creativesandbox.com/guidebook
http://2012.beercamp.com/