Desarrollo interactivo con html5
0 recomendaciones227 vistas
Este documento presenta información sobre el uso de la librería Easel.js para desarrollo interactivo en la web. Se proporcionan ejemplos del uso de Easel.js junto con otras tecnologías como Three.js, Box2D y CSS3 para crear animaciones y juegos en HTML5. El expositor, Eduardo Medina, explica las funcionalidades básicas de Easel.js y provee enlaces a la documentación, comunidad de soporte y ejemplos de uso. La presentación concluye con una sección de preguntas
Desarrollo interactivo con html5
- 1. NextLevel SMI 2012 30 de Noviembre, 2012
- 2. Comunidades Google Developer Group Lima http://www.limagtug.org/
- 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
- 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
- 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?>