HTML5 Canvas para juegos y entretenimiento

• Abril 25, 2024

La animación y los juegos van de la mano. De las muchas formas de crear animación, el lienzo HTML5 es una de las opciones de bajo costo, ya que no hay software costoso involucrado. Foundation HTML5 Canvas: For Games and Entertainment de Rob Hawkes es un buen libro para principiantes para aquellos interesados ​​en aprender a crear juegos HTML5 Canvas.

Hawkes comienza una introducción a HTML5 deconstruyendo la página HTML5 básica. Analiza cómo CSS3, JavaScript y la biblioteca JQuery funcionan junto con HTML5. Como JavaScript es una parte importante de la creación de juegos con HTML5, el autor pasa mucho tiempo cubriendo los conceptos básicos de JavaScript, incluidas variables, tipos de datos, funciones, condicionales y más. Una vez que eso está fuera del camino, Hawkes pasa a lo básico del lienzo HTML5, llevándolo paso a paso desde dibujar formas y borrar el lienzo hasta controlar el navegador.

Las cosas comienzan a ponerse interesantes a medida que Hawkes introduce escala, rotación y otras transformaciones. Luego, continúa agregando realismo con sombras y degradados y exportando el lienzo como una imagen. Una vez que aprende a cargar y crear una imagen desde cero, pasa a la manipulación de píxeles para transformar una imagen y aplicar efectos.

El movimiento y hacer que las cosas se muevan te acercan un paso más a construir tu primer juego. Hawkes cubre lo básico, como recordar estados y movimientos a lo largo de un círculo. No se puede tener un juego sin límites y detección de colisión y el autor analiza los conceptos básicos de la física, como la velocidad, la aceleración y la fricción que se utilizan para crear un movimiento realista.

Ahora estás listo para crear tu primer juego, que es un juego de Bowling espacial. Aprenderá a controlar objetos estacionarios y no estacionarios junto con cómo construir una interfaz de usuario para su juego. También aprende a detectar la entrada del mouse y codificar el escenario de ganar / perder jugador. El juego de evitación de asteroides es tu próximo juego donde Hawkes enseña cómo detectar la entrada del teclado y controlar el audio dentro del juego.

Hawkes finaliza el libro con una breve discusión sobre las diferencias entre el lienzo HTML5 y las alternativas como Flash^R. También señala las limitaciones del lienzo, como el rendimiento de la CPU y el futuro del lienzo, que incluye 3D y varias bibliotecas.

Rob Hawkes estudió Producción de Medios Interactivos en la Universidad de Bournemouth y es un programador visual especializado en HTML5 y otras características nuevas de la web. Puede descargar el código fuente del sitio web del editor.

Vista previa en Google Books

Visite el sitio web del editor

Visite el sitio web del autor

* Apress Media me proporcionó una copia de revisión de forma gratuita.

Instrucciones De Vídeo: Crea juegos en línea en html5 con canvas, svg, json y sql (Abril 2024).