Con un poco de HTML5 y Javascript, un puñado de conceptos básicos y mucha imaginación nos hemos propuesto montar un motor de videojuegos 2D. Tu imaginación es el límite.

1. Crea tu motor de videojuegos @rafbermudez @fergpichel @dovaleacGUL UC3M
Crea tu propio motor de videojuegos con
HTML5 y Javascript

2. Crea tu motor de videojuegosGUL UC3M
Compartimos un sueño ...
¡Crear nuestros propios videojuegos!
@rafbermudez @fergpichel @dovaleac

3. Crea tu motor de videojuegosGUL UC3M
… y somos exigentes
➔ Múltiples géneros
➔ Portables y multiplataforma
➔ Limitaciones creativas
@rafbermudez @fergpichel @dovaleac

4. Crea tu motor de videojuegosGUL UC3M
¿Y ahora qué?
➔ ¿Qué necesito?
➔ ¿Tengo los conocimientos necesarios?
➔ ¿Cómo lo enfoco?
➔ ¿Soy tan listo?
@rafbermudez @fergpichel @dovaleac

5. Crea tu motor de videojuegosGUL UC3M @rafbermudez @fergpichel @dovaleac

6. Crea tu motor de videojuegosGUL UC3M
Fundamentos de la Orientación a Objetos
@rafbermudez @fergpichel @dovaleac

7. Crea tu motor de videojuegosGUL UC3M
Pilares de la POO: Abstracción y Encapsulamiento
@rafbermudez @fergpichel @dovaleac

8. Crea tu motor de videojuegosGUL UC3M
Pilares de la POO: Herencia
@rafbermudez @fergpichel @dovaleac

9. Crea tu motor de videojuegosGUL UC3M
Pilares de la POO: Polimorfismo
@rafbermudez @fergpichel @dovaleac

10. Crea tu motor de videojuegosGUL UC3M
Alguna cosa más ...
➔ Imágenes y Geometría
◆ Sprites
◆ Colisiones
➔ Animación y movimientos
◆ Funciones sinusoidales
◆ Bucles gestionados por eventos
@rafbermudez @fergpichel @dovaleac

11. Crea tu motor de videojuegosGUL UC3M
Y en la parte técnica ...
➔ HTML5 y CSS3 (Render e Imágenes)
◆ Canvas
➔ Javascript (Estructura y Herencia)
◆ Backbone + Require
@rafbermudez @fergpichel @dovaleac

12. Crea tu motor de videojuegosGUL UC3M
Posibles mejoras
➔ Estructura de CSS
◆ LESS, SASS, STYLUS...
➔ Automatización del proyecto
◆ Grunt, Gulp, Bower...
@rafbermudez @fergpichel @dovaleac

13. Crea tu motor de videojuegosGUL UC3M
Alternativas Link: Which HTML5 game engine is right for you?
+
@rafbermudez @fergpichel @dovaleac

14. Crea tu motor de videojuegosGUL UC3M @rafbermudez @fergpichel @dovaleac

15. Crea tu motor de videojuegosGUL UC3M
¿Matching Pairs?
@rafbermudez @fergpichel @dovaleac

16. Crea tu motor de videojuegosGUL UC3M
¿Fruit Ninja?
@rafbermudez @fergpichel @dovaleac

17. Crea tu motor de videojuegosGUL UC3M
¿Impossible Game?
@rafbermudez @fergpichel @dovaleac

18. Crea tu motor de videojuegosGUL UC3M
¿Angry Birds?
@rafbermudez @fergpichel @dovaleac

19. Crea tu motor de videojuegosGUL UC3M @rafbermudez @fergpichel @dovaleac