
jQuery Game Development Essentials
Selim Arsever
- Editorial
- Packt
- Año
- 2013
- Páginas
- ~244
- Nivel
- Intermedio
De qué trata
Libro de Packt (2013) escrito por Selim Arsever, creador de gameQuery, un motor de juegos de código abierto basado en jQuery. Enseña a crear juegos que se ejecutan directamente en el navegador usando manipulación del DOM y transformaciones CSS en lugar de canvas, de modo que funcionen en la mayor cantidad posible de navegadores y dispositivos. Se basa en jQuery 1.7 y está dirigido a desarrolladores web de nivel intermedio que ya conocen jQuery y quieren aplicarlo al desarrollo de videojuegos.
El primer capítulo repasa las partes de jQuery más útiles para juegos: encadenamiento, colas de animación, manejo de eventos y datos asociados a elementos del DOM. A partir de ahí el autor construye su propio mini-framework y explica técnicas clásicas: sprites animados, bucle principal del juego, sondeo del teclado, cómo evitar reflows, movimiento con CSS transforms y requestAnimationFrame, mapas de tiles, detección de colisiones, parallax scrolling, ordenación de la oclusión en vistas cenitales e isométricas y carga de niveles con $.ajax y JSON. Los últimos capítulos tratan multijugador con lógica en el servidor, tablas de puntuación y técnicas contra las trampas, integración con Twitter y Facebook (autenticación, logros y publicaciones), soporte móvil (controles táctiles, orientación del dispositivo, application cache y web storage) y sonido con el elemento Audio de HTML5, la Web Audio API y SoundManager 2 como alternativa con Flash.
Se aprende construyendo varios juegos completos y mejorándolos capítulo a capítulo, lo que hace el recorrido muy práctico. Es interesante para entender los fundamentos de cualquier motor 2D, pero tiene mucho de su época: Flash y application cache ya no existen, las APIs de Twitter y Facebook han cambiado y, para juegos actuales, lo habitual es usar canvas o WebGL con motores como Phaser. La parte de servidor del multijugador se apoya en código de backend, así que ayuda tener nociones básicas de programación del lado del servidor.
- jQuery
- Desarrollo de juegos
- Sprites y animación
- Mapas de tiles
- Detección de colisiones
- Parallax scrolling
- Juegos isométricos
- Multijugador
- Integración con redes sociales
- Juegos móviles
- Web Audio API
- requestAnimationFrame
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Primer juego con sprites
Juego sencillo con el que se arma el mini-framework del libro: sprites animados, precarga de recursos, bucle principal y detección de colisiones con jQuery y manipulación del DOM.
Juego de plataformas con scroll lateral
Plataformas con mapas de tiles, control del jugador, enemigos y parallax scrolling. Después se amplía con varios niveles que se cargan con $.ajax y JSON.
Juego con vista cenital e isométrica
Juego de perspectiva superior con tiles optimizados, ordenación de la oclusión y colisiones con el entorno, NPC y enemigos, y una variante con tiles isométricos.
World of Ar'PiGi (RPG multijugador)
Juego de rol multijugador con cuentas de jugador, sincronización entre clientes, monstruos y combate resuelto en el servidor.

