</> CodeBooks
    ← Volver a HTML5 (página 1)
    Portada de Advanced Game Design with HTML5 and JavaScript

    Advanced Game Design with HTML5 and JavaScript

    Rex van der Spuy

    Editorial
    Apress
    Año
    2015
    Páginas
    ~540
    Nivel
    Avanzado

    De qué trata

    Libro de Rex van der Spuy (Apress, colección Expert's Voice) para crear juegos de acción 2D con JavaScript puro, sin librerías ni motores de terceros, construyendo uno mismo todas las herramientas. Es la continuación de su Foundation Game Design with HTML5 and JavaScript. La editorial lo recomienda a programadores con experiencia y a principiantes ambiciosos que ya conocen JavaScript. Usa la sintaxis de ES6, que en 2015 era muy reciente.

    El primer capítulo pone al día al lector con ES6: clases y composición, promesas, getters y setters y objetos de configuración. A partir de ahí el índice avanza de forma progresiva: la API de dibujo de Canvas, la carga y gestión de recursos (imágenes, fuentes, JSON y atlas de texturas), los sprites organizados en un grafo de escena, el movimiento y la física básica, la interactividad con teclado, ratón y pantallas táctiles, y la detección de colisiones. Siguen un capítulo para pulir la sensación de juego («Juice it up», con efectos como partículas), sonido con la Web Audio API, interpolaciones (tweening) y, al final, la unión de todo en un motor de juego propio. Un apéndice explica con detalle los vectores aplicados al movimiento y a las colisiones.

    El lector termina con su propia librería de juegos 2D, construida pieza a pieza, y con varios juegos de ejemplo que la aprovechan. Por eso es ideal para entender lo que hacen por dentro motores como Phaser o Pixi. Es largo y exigente: conviene manejar bien JavaScript y no asustarse con algo de matemática vectorial. No trata 3D, WebGL ni la publicación en tiendas, y quien solo quiera terminar un juego rápido estará mejor con un motor existente.

    • JavaScript ES6
    • Canvas API
    • Sprites
    • Grafo de escena
    • Física y movimiento
    • Detección de colisiones
    • Vectores
    • Web Audio API
    • Tweening
    • Efectos de partículas
    • Motor de juego propio
    • Juegos 2D

    ¿Cómo enseña?

    TeóricoPráctico

    Teoría + práctica

    • ✗ Sin ejercicios
    • ✓ Incluye proyectos

    Proyectos

    Motor de juego 2D propio

    Librería en JavaScript puro que se arma a lo largo del libro, con renderizado en Canvas, grafo de escena, carga de recursos, colisiones, sonido con Web Audio API y tweening, y que se integra como motor en el último capítulo.

    Juegos de acción 2D de ejemplo

    Prototipos de juegos que se construyen con las herramientas del libro para practicar el movimiento, la interactividad y las colisiones; las fuentes consultadas no dan sus nombres.

    Más de HTML5 con nivel Avanzado