Codeando juego en Html5

23
GDG DevFest Lima 27 y 28 de Octubre, 2012 Facultad de Medicina - USMP #devfestlima http://devfestlima.gdglima.pe

Transcript of Codeando juego en Html5

Page 1: Codeando juego en Html5

GDG DevFest Lima 27 y 28 de Octubre, 2012Facultad de Medicina - USMP

#devfestlimahttp://devfestlima.gdglima.pe

Page 2: Codeando juego en Html5

Sponsors

#devfestlimahttp://devfestlima.gdglima.pe

Page 3: Codeando juego en Html5

Organizadores

#devfestlimahttp://devfestlima.gdglima.pe

Page 4: Codeando juego en Html5

Codeando un Juego en Html5 y JavascriptDatos de expositor: Oscar Pando MoralesMail: [email protected]+: +Oscar Pando MoralesTwitter: @opando

Page 5: Codeando juego en Html5

Intro

Crear Canvas

Loop del Juego

Creando los Objetos del Juego

Animando los Objetos

Colisiones

Sprite

Agenda

#devfestlimahttp://devfestlima.gdglima.pe

Page 6: Codeando juego en Html5

Codear un juego en HTML5 en 50 minutos

#devfestlimahttp://devfestlima.gdglima.pe

Page 7: Codeando juego en Html5

#devfestlimahttp://devfestlima.gdglima.pe

Page 8: Codeando juego en Html5

Intro

#devfestlimahttp://devfestlima.gdglima.pe

Page 9: Codeando juego en Html5

github.com/sevenx2012/wks_g4me4

Page 10: Codeando juego en Html5

Crear Canvas en el HTML

Dibujar dentro del Canvas

Page 11: Codeando juego en Html5

Crear el Loop del juego

Page 12: Codeando juego en Html5

Creando los Objetos del juego

Page 13: Codeando juego en Html5

Creando los Objetos del juego

Page 14: Codeando juego en Html5

Colisiones

Page 15: Codeando juego en Html5

Colision rectangular

Page 16: Codeando juego en Html5

Colision rectangular

Page 17: Codeando juego en Html5

Sprite

Page 18: Codeando juego en Html5

Sprite de explosion (120px, 120px)

Page 19: Codeando juego en Html5

github.com/sevenx2012/wks_g4me4

Page 20: Codeando juego en Html5

<Preguntas?>

devfestlima.gdglima.pe/#moderator

Page 21: Codeando juego en Html5

Google DevRel LatAm South Region

¡PARTICIPA DE LA COMUNIDAD EN ESPAÑOL!

1. Academic Developer TG - ADTG2. Envía tus artículos a LookThisCode.3. Participa de Developers Live en Español.

Page 22: Codeando juego en Html5

<Gracias por participar!>http://devfestlima.gdglima.pe

[email protected]

@gdglima

Page 23: Codeando juego en Html5