desarrollo interactivo con html5

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:emedinaa@qd.peG+:+eduardo medinaTwitter:@eduardomedina

Html5 Interactivo con Easel.jsDatos de expositor: Eduardo José Medina AlfaroCEO QuickDev - Interactive Game Developer / IGDA - GDG LimaMail:emedinaa@qd.peG+:+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/