Desarrollo interactivo con html5
-
Upload
gdg-lima -
Category
Engineering
-
view
70 -
download
4
Transcript of Desarrollo interactivo con html5
![Page 1: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/1.jpg)
NextLevel SMI 201230 de Noviembre, 2012
![Page 2: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/2.jpg)
Comunidades
Google Developer Group Limahttp://www.limagtug.org/
![Page 3: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/3.jpg)
Comunidades
International Game Developer Association
@IGDAPeru
![Page 4: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/4.jpg)
http://www.nextlevellatam.com/
![Page 5: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/5.jpg)
Html5 Interactivo con Easel.jsDatos de expositor: Eduardo José Medina AlfaroCEO QuickDev - Interactive Game Developer / IGDA - GDG LimaMail:[email protected]+:+eduardo medinaTwitter:@eduardomedina
![Page 6: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/6.jpg)
Html5 Interactivo con Easel.jsDatos de expositor: Eduardo José Medina AlfaroCEO QuickDev - Interactive Game Developer / IGDA - GDG LimaMail:[email protected]+:+eduardo medinaTwitter:@eduardomedina
![Page 7: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/7.jpg)
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
![Page 8: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/8.jpg)
Desarrollo Interactivo en la Web ● Flash● Html5
○ CSS3○ JS
● WebGL
![Page 9: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/9.jpg)
Conocimiento ya adquirido de otras tecnologías
● Three.js● Easel.js● Box2D.js
![Page 10: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/10.jpg)
Flash● http://www.
wechoosethemoon.org/
● http://www.nickelodeon.com.au/
● http://zozole.pl/
![Page 11: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/11.jpg)
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/
![Page 12: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/12.jpg)
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
![Page 13: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/13.jpg)
Chrome Experiments
● http://www.chromeexperiments.com/
![Page 14: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/14.jpg)
GDG Lima WebGL
● http://www.chromeexperiments.com/
![Page 15: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/15.jpg)
Easel.JS
● CreateJS http://www.createjs.com/#!/CreateJS
● http://www.createjs.com/#!/EaselJS
● Comunidad http://community.createjs.com/discussions/easeljs
![Page 16: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/16.jpg)
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
![Page 17: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/17.jpg)
WebSite DevFestLima
![Page 18: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/18.jpg)
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
●
![Page 19: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/19.jpg)
<Preguntas?>
![Page 20: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/20.jpg)
<Gracias por participar!>
@eduardomedina
![Page 21: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/21.jpg)
![Page 22: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/22.jpg)
http://carvisualizer.plus360degrees.com/threejs/
![Page 23: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/23.jpg)
http://www.creativesandbox.com/guidebook
![Page 24: Desarrollo interactivo con html5](https://reader033.fdocuments.in/reader033/viewer/2022052620/557b62bbd8b42a78238b5335/html5/thumbnails/24.jpg)
http://2012.beercamp.com/