1. NextLevel SMI 2012
30 de Noviembre, 2012

2. Comunidades
Google Developer Group Lima
http://www.limagtug.org/

3. Comunidades
International Game Developer
Association
@IGDAPeru

4. http://www.
nextlevellatam.com/

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

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

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

8. Desarrollo Interactivo en la Web
● Flash
● Html5
○ CSS3
○ JS
● WebGL

9. Conocimiento ya adquirido de otras
tecnologías
● Three.js
● Easel.js
● Box2D.js

10. Flash
● http://www.
wechoosethemoon.
org/
● http://www.
nickelodeon.com.
au/
● http://zozole.pl/

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

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

13. Chrome Experiments
● http://www.
chromeexperiments.
com/

14. GDG Lima WebGL
● http://www.
chromeexperiments.
com/

15. Easel.JS
● CreateJS http://www.
createjs.com/#!
/CreateJS
● http://www.createjs.
com/#!/EaselJS
● Comunidad http:
//community.createjs.
com/discussions/easeljs

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

17. WebSite DevFestLima

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

19. <Preguntas?>

20. <Gracias por participar!>
@eduardomedina

22. http://carvisualizer.plus360degrees.com/threejs/

23. http://www.creativesandbox.com/guidebook

24. http://2012.beercamp.com/