GDG DevFest Juliaca
18 de Noviembre, 2012
Universidad Peruana Unión
gdglima@googlegroups.comhttp://www.gdglima.pe
Comunidad
gdglima@googlegroups.comhttp://www.gdglima.pe
Hagamos Historia
#devfestjuliaca Modo fiesta
gdglima@googlegroups.comhttp://www.gdglima.pe
#devfestjuliaca
gdglima@googlegroups.comhttp://www.gdglima.pe
gdglima@googlegroups.comhttp://www.gdglima.pe
Preguntas
gdglima@googlegroups.com
gdglima@googlegroups.comhttp://www.gdglima.pe
Organizadores
#devfestlimahttp://devfestlima.gdglima.pe
Html5 Interactivo con Easel.js
Datos de expositor: Eduardo José Medina Alfaro
CEO QuickDev - Interactive Game Developer / IGDA - GDG Lima
Mail:emedinaa@qd.pe
G+:+eduardo medina
Twitter:@eduardomedina
Desarrollo Interactivo en la Web Eduardo Medina
Ejemplos Eduardo Medina
¿ Que es Easel.js ? Eduardo Medina
WebSite DevFestLima Eduardo Medina
Referencias Eduardo Medina
Eduardo Medina
Agenda
#devfestlimahttp://devfestlima.gdglima.pe
Desarrollo Interactivo en la Web
● Flash
● Html5
○ CSS3
○ JS
● WebGL
#devfestlimahttp://devfestlima.gdglima.pe
Conocimiento ya adquirido de otras
tecnologías
● Three.js
● Easel.js
● Box2D.js
#devfestlimahttp://devfestlima.gdglima.pe
Flash
● http://www.
wechoosethemoon.
org/
● http://www.
nickelodeon.com.
au/
● http://zozole.pl/
#devfestlimahttp://devfestlima.gdglima.pe
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/
#devfestlimahttp://devfestlima.gdglima.pe
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
#devfestlimahttp://devfestlima.gdglima.pe
Chrome Experiments
● http://www.
chromeexperiments.
com/
#devfestlimahttp://devfestlima.gdglima.pe
GDG Lima WebGL
● http://www.
chromeexperiments.
com/
#devfestlimahttp://devfestlima.gdglima.pe
Easel.JS
● CreateJS http://www.
createjs.com/#!
/CreateJS
● http://www.createjs.
com/#!/EaselJS
● Comunidad http:
//community.createjs.
com/discussions/easeljs
#devfestlimahttp://devfestlima.gdglima.pe
Easel.JS
● Ejemplos
http://blogs.msdn.
com/b/davrous/archive/201
2/03/16/html5-gaming-
animating-sprites-in-
canvas-with-easeljs.aspx
http://www.leebrimelow.
com/?p=3171
#devfestlimahttp://devfestlima.gdglima.pe
WebSite DevFestLima
#devfestlimahttp://devfestlima.gdglima.pe
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/
#devfestlimahttp://devfestlima.gdglima.pe
<Preguntas?>
devfestlima.gdglima.pe/#moderator
Google DevRel LatAm South Region
¡PARTICIPA DE LA COMUNIDAD EN
ESPAÑOL!
https://sites.google.
com/site/drlatamsouthregion/
<Gracias por participar!>
http://devfestlima.gdglima.pe
gdglima@googlegroups.com
@gdglima
Desarrollo interactivo con Html5

Desarrollo interactivo con Html5