Crea tu motor de videojuegos @rafbermudez @fergpichel @dovaleacGUL UC3M
Crea tu propio motor de videojuegos con
HTML5 y Javascript
Crea tu motor de videojuegosGUL UC3M
Compartimos un sueño ...
¡Crear nuestros propios videojuegos!
@rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M
… y somos exigentes
➔ Múltiples géneros
➔ Portables y multiplataforma
➔ Limitaciones creativas
@rafbermudez @fergpichel @dovaleac
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
Crea tu motor de videojuegosGUL UC3M @rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M
Fundamentos de la Orientación a Objetos
@rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M
Pilares de la POO: Abstracción y Encapsulamiento
@rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M
Pilares de la POO: Herencia
@rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M
Pilares de la POO: Polimorfismo
@rafbermudez @fergpichel @dovaleac
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
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
Crea tu motor de videojuegosGUL UC3M
Posibles mejoras
➔ Estructura de CSS
◆ LESS, SASS, STYLUS...
➔ Automatización del proyecto
◆ Grunt, Gulp, Bower...
@rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M
Alternativas Link: Which HTML5 game engine is right for you?
+
@rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M @rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M
¿Matching Pairs?
@rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M
¿Fruit Ninja?
@rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M
¿Impossible Game?
@rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M
¿Angry Birds?
@rafbermudez @fergpichel @dovaleac
Crea tu motor de videojuegosGUL UC3M @rafbermudez @fergpichel @dovaleac

Más contenido relacionado

PDF
Introducción a Responsive Design
PDF
Desarrollo de video juegos con HTML5 y JavaScript
PPTX
Webinar: Desarrollo de video juegos con HTML5 y JavaScript
PDF
Quiero aprender WordPress ¿Por donde empiezo?
PDF
Curso de Responsive Design
PDF
Redacción perodistica web. Clase
PPTX
Requerimientos para el desarrollo
PPTX
Exponer
Introducción a Responsive Design
Desarrollo de video juegos con HTML5 y JavaScript
Webinar: Desarrollo de video juegos con HTML5 y JavaScript
Quiero aprender WordPress ¿Por donde empiezo?
Curso de Responsive Design
Redacción perodistica web. Clase
Requerimientos para el desarrollo
Exponer

Similar a Crea tu propio motor de videojuegos con backbone y canvas (html5) (20)

PPTX
Charla sobre Match Game Engine & Carrier Defense
PDF
Engines - Campus Party CMX3
PPSX
Match Javascript Game Engine
PDF
Programación de videojuegos con Godot Engine
PDF
Presentacion Game Engines
PDF
Frameworks para el desarrollo de juegos para dispositivo móviles
PDF
M1 arquitectura motor_2ed
PDF
M1 arquitectura motor_2ed
PDF
Introduccion a maratis con c++
ODP
Taller subflash 2012
PPTX
Presentacion Game Engines
PPT
Presentation Match game engine en La plata game jam
PDF
M2 programacion grafica_2ed
KEY
EVA 2011 - Desarrollo de Videojuegos con HTML5, CSS3 and JavaScript
PPTX
GameUs - Herramientas de Desarrollo de Videojuegos
PDF
Mobile Web & Widgets
PDF
Momo mobile webwidgets
PPTX
Intro UNITY.pptx
PPT
Lecciones aprendidas en desarrollo de apps aplicado los juegos
DOCX
Unity3 dgujty
Charla sobre Match Game Engine & Carrier Defense
Engines - Campus Party CMX3
Match Javascript Game Engine
Programación de videojuegos con Godot Engine
Presentacion Game Engines
Frameworks para el desarrollo de juegos para dispositivo móviles
M1 arquitectura motor_2ed
M1 arquitectura motor_2ed
Introduccion a maratis con c++
Taller subflash 2012
Presentacion Game Engines
Presentation Match game engine en La plata game jam
M2 programacion grafica_2ed
EVA 2011 - Desarrollo de Videojuegos con HTML5, CSS3 and JavaScript
GameUs - Herramientas de Desarrollo de Videojuegos
Mobile Web & Widgets
Momo mobile webwidgets
Intro UNITY.pptx
Lecciones aprendidas en desarrollo de apps aplicado los juegos
Unity3 dgujty
Publicidad

Más de Rafael Bermúdez Míguez (9)

PDF
Dart como alternativa a TypeScript (Codemotion 2016)
PDF
Angular 2 for dart mentiras y verdades (Google I/O extended Madrid)
PDF
Desafío total: cómo resolver retos extremos
PDF
Gorm for cassandra
PPTX
Construyendo tu propia bola de cristal predicción de precios con machine lea...
PPTX
Cross management experiences. mis 7 conclusiones
PPTX
Piensa en grande: Big data para programadores
PDF
Acercádonos a dart
PDF
Xii betabeers galicia todo lo que me hubiera gustado saber cuando abrace el...
Dart como alternativa a TypeScript (Codemotion 2016)
Angular 2 for dart mentiras y verdades (Google I/O extended Madrid)
Desafío total: cómo resolver retos extremos
Gorm for cassandra
Construyendo tu propia bola de cristal predicción de precios con machine lea...
Cross management experiences. mis 7 conclusiones
Piensa en grande: Big data para programadores
Acercádonos a dart
Xii betabeers galicia todo lo que me hubiera gustado saber cuando abrace el...
Publicidad

Último (20)

PPTX
Plantilla-Hardware-Informático-oficce.pptx
PDF
Libro de Oraciones guia virgen peregrina
PPTX
PRESENTACION NIA 220 idhsahdjhJKSDHJKSHDJSHDJKHDJHSAJDHJKSAHDJkhjskdhasjdhasj...
DOCX
TRABAJO DE ESTRATEGIA MAXIMILIANO ELIZARRARAS.docx
PPTX
PARTE DE UNA PC _ SEIRY.pptx.........................
DOCX
Proyecto del instituto Gilda Ballivian Rosado
PPT
redes.ppt unidad 2 perteneciente a la ing de software
PPTX
NACIONALIDAD Y CIUDADANIA (1).pptxggggfffddd
PDF
AWS CloudOpS training español (Operaciones en la nube)
PPTX
presentación sobre Programación SQL.pptx
PDF
como me enamore de ti (1).pdf.pdf_20250813_191720_0000.pdf
PDF
LA INTELIGENCIA ARTIFICAL SU HISTORIA Y EL FUTURO
PDF
Webinar Jscrambler & Integrity360 Update
PDF
aguntenlos femboysssssssssssssssssssssssssssssss
PDF
ACCESORIOS Y ATAJOS WINDOWS empleados en Windows
PPTX
Qué es Google Classroom Insertar SlideShare U 6.pptx
PPSX
00 Elementos de la Ventana de Excel.ppsx
PDF
MU_Gestion_Internacional_Edificacion_Construccion_MBA.pdf
PDF
.GUIA DE GUIA DE TRABAJO NUEVO TESTAMENTO.pdf
PDF
EL BRANDBOOK MUNDUS DE PERFUMERIA NICHO
Plantilla-Hardware-Informático-oficce.pptx
Libro de Oraciones guia virgen peregrina
PRESENTACION NIA 220 idhsahdjhJKSDHJKSHDJSHDJKHDJHSAJDHJKSAHDJkhjskdhasjdhasj...
TRABAJO DE ESTRATEGIA MAXIMILIANO ELIZARRARAS.docx
PARTE DE UNA PC _ SEIRY.pptx.........................
Proyecto del instituto Gilda Ballivian Rosado
redes.ppt unidad 2 perteneciente a la ing de software
NACIONALIDAD Y CIUDADANIA (1).pptxggggfffddd
AWS CloudOpS training español (Operaciones en la nube)
presentación sobre Programación SQL.pptx
como me enamore de ti (1).pdf.pdf_20250813_191720_0000.pdf
LA INTELIGENCIA ARTIFICAL SU HISTORIA Y EL FUTURO
Webinar Jscrambler & Integrity360 Update
aguntenlos femboysssssssssssssssssssssssssssssss
ACCESORIOS Y ATAJOS WINDOWS empleados en Windows
Qué es Google Classroom Insertar SlideShare U 6.pptx
00 Elementos de la Ventana de Excel.ppsx
MU_Gestion_Internacional_Edificacion_Construccion_MBA.pdf
.GUIA DE GUIA DE TRABAJO NUEVO TESTAMENTO.pdf
EL BRANDBOOK MUNDUS DE PERFUMERIA NICHO

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