Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Crea tu propio motor de videojuegos

Crea tu propio motor de videojuegos

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.

Fernando G. Pichel

November 24, 2015
Tweet

More Decks by Fernando G. Pichel

Other Decks in Programming

Transcript

  1. Crea tu motor de videojuegos @rafbermudez @fergpichel @dovaleac GUL UC3M

    Crea tu propio motor de videojuegos con HTML5 y Javascript
  2. Crea tu motor de videojuegos GUL UC3M Compartimos un sueño

    ... ¡Crear nuestros propios videojuegos! @rafbermudez @fergpichel @dovaleac
  3. Crea tu motor de videojuegos GUL UC3M … y somos

    exigentes ➔ Múltiples géneros ➔ Portables y multiplataforma ➔ Limitaciones creativas @rafbermudez @fergpichel @dovaleac
  4. Crea tu motor de videojuegos GUL 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 videojuegos GUL UC3M Fundamentos de la

    Orientación a Objetos @rafbermudez @fergpichel @dovaleac
  6. Crea tu motor de videojuegos GUL UC3M Pilares de la

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

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

    POO: Polimorfismo @rafbermudez @fergpichel @dovaleac
  9. Crea tu motor de videojuegos GUL 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
  10. Crea tu motor de videojuegos GUL UC3M Y en la

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

    Estructura de CSS ◆ LESS, SASS, STYLUS... ➔ Automatización del proyecto ◆ Grunt, Gulp, Bower... @rafbermudez @fergpichel @dovaleac
  12. Crea tu motor de videojuegos GUL UC3M Alternativas Link: Which

    HTML5 game engine is right for you? + @rafbermudez @fergpichel @dovaleac