</> CodeBooks
    ← Volver a HTML5 (página 7)
    Portada de Introducing HTML5 Game Development

    Introducing HTML5 Game Development

    Jesse Freeman

    Editorial
    O'Reilly
    Año
    2012
    Páginas
    ~120
    Nivel
    Básico

    De qué trata

    Guía breve y práctica en la que Jesse Freeman enseña a crear de principio a fin un videojuego 2D para el navegador con Impact (ImpactJS), un framework de JavaScript creado por Dominic Szablewski que dibuja sobre el elemento canvas de HTML5. Se publicó en febrero de 2012. Está pensada para quien se inicia en el desarrollo de juegos y ya sabe algo de JavaScript; no exige experiencia previa con motores de juego. O'Reilly la volvió a publicar después con el título Building HTML5 Games with ImpactJS.

    El recorrido empieza con la preparación de un servidor local, la creación del proyecto y la estructura de módulos y clases de Impact, además de su editor de niveles, Weltmeister. Después trata las hojas de sprites y su preparación en Photoshop, y dedica un capítulo corto a nociones de diseño de juegos con un ejemplo de documento de diseño. El núcleo es la programación del juego: mapas de colisión, asignación de teclas, clases del jugador y de los monstruos, detección de colisiones, salud, armas, granadas, muerte y reaparición de entidades, cámara y carga de niveles. Más adelante añade texto con fuentes en sprites, efectos de sonido y música, pantallas de inicio, de estadísticas y de fin de partida, un HUD y analítica.

    Termina con la parte de publicación: el depurador de Impact, el empaquetado del juego en un solo archivo optimizado (baking), la adaptación a navegadores móviles y la compilación como aplicación nativa de iOS. Su valor es que muestra el ciclo completo de un juego pequeño, pero conviene saber que Impact era un motor comercial, que el proyecto quedó abandonado y que hoy se usan alternativas como Phaser. El libro es corto y no profundiza en física, arquitectura de juegos ni rendimiento.

    • ImpactJS
    • HTML5 Canvas
    • JavaScript
    • Juegos 2D
    • Hojas de sprites
    • Detección de colisiones
    • Editor de niveles
    • Sonido y música
    • HUD
    • Diseño de juegos
    • Publicación en iOS

    ¿Cómo enseña?

    TeóricoPráctico

    Con proyectos

    • ✗ Sin ejercicios
    • ✓ Incluye proyectos

    Proyectos

    Juego 2D de acción con Impact

    Juego de plataformas y acción con jugador, monstruos, armas, granadas, varios niveles creados en el editor Weltmeister, sonido, HUD y pantallas de inicio y fin de partida, programado en JavaScript con ImpactJS sobre canvas y empaquetado para web, móvil e iOS.

    Más de HTML5 con nivel Básico