Crea tu propio motor de videojuegos con backbone y canvas (html5)
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