HTML5 Canvas

No importa qué plataforma o herramientas use, la revolución de HTML5 pronto cambiará la forma en que construye las aplicaciones web, si es que no lo ha hecho. HTML5 está repleto de características, y hay mucho que aprender. Este libro te permite comenzar con el elemento Canvas, quizás la característica más emocionante de HTML5. Aprenda cómo crear aplicaciones multimedia interactivas utilizando este elemento para dibujar, renderizar texto, manipular imágenes y crear animaciones.

Ya sea que use actualmente Flash, Silverlight o solo HTML y jаvascript, rápidamente aprenderá lo básico. Los ejemplos prácticos le muestran cómo crear varios juegos y aplicaciones de entretenimiento con Canvas a medida que aprende. Obtenga una valiosa experiencia con HTML5 y descubra por qué los desarrolladores de aplicaciones líderes deliran esta especificación como el futuro del desarrollo web verdaderamente innovador.

• Crea y modifica dibujos en 2D, texto e imágenes de mapa de bits. 
• Incorporar y manipular video, y agregar audio.
• Construye un marco básico para crear una variedad de juegos en Canvas
• Usa mapas de bits y hojas de mosaico para desarrollar gráficos de juegos animados
• Go mobile: aplicaciones de lienzo de puerto a iPhone con PhoneGap
• Explora formas de usar Canvas para aplicaciones de juegos 3D y multijugador

Por Steve Fulton, Jeff Fulton
Editorial: O'Reilly Media
Fecha de lanzamiento: mayo 2011
Páginas: 654
Ver Github...

Tabla de contenido

Detalles

1.  Capítulo 1  Introducción a HTML5 Canvas

   1. La página HTML básica

   2. HTML básico que usaremos en este libro

   3. El modelo de objeto de documento (DOM) y el lienzo

   4. jаvascript y Canvas

   5. Lienzo HTML5 “Hello World!”

   6. Depuración con Console.log

   7. El contexto 2D y el estado actual

   8. El objeto HTML5 Canvas

   9. Otro ejemplo: Adivina la letra

   10. Que sigue

2.  Capítulo 2  Dibujo sobre el lienzo

   1. La configuración básica de archivos para este capítulo

   2. La forma básica del rectángulo

   3. El estado del lienzo

   4. Uso de rutas para crear líneas

   5. Métodos de ruta avanzados

   6. Composición en el lienzo

   7. Transformaciones simples de lona

   8. Relleno de objetos con colores y degradados

   9. Formas de relleno con patrones

   10. Creando sombras sobre formas de lienzo

   11. Que sigue

3.  Capítulo 3  La API de HTML5 Canvas Text

   1. Visualización de texto básico

   2. Configuración de la fuente de texto

   3. Texto y el contexto del lienzo

   4. Texto con degradados y patrones

   5. Ancho, alto, escala y toDataURL () Revisited

   6. Versión final de Text Arranger

   7. Que sigue

4.  Capítulo 4  Imágenes en el lienzo

   1. La configuración básica de archivos para este capítulo

   2. Conceptos básicos de la imagen

   3. Animación de Sprite Basada en Células Simple

   4. Animación avanzada basada en células

   5. Aplicando Transformaciones de Rotación a una Imagen

   6. Creando una cuadrícula de azulejos

   7. Acercamiento y panorámica de una imagen

   8. Manipulación de píxeles

   9. Copiando de un lienzo a otro

   10. Que sigue

5.  Capítulo 5  Matemáticas, Física y Animación.

   1. Moviéndose en línea recta

   2. Rebotando en las paredes

   3. Curva y movimiento circular.

   4. Gravedad simple, elasticidad y fricción

   5. Facilitando

   6. ¿Que sigue?

6.  Capítulo 6  Mezclando HTML5 Video y Canvas

   1. Soporte de video HTML5

   2. Convertir formatos de video

   3. Implementación básica de video HTML5

   4. Precarga de vídeo en jаvascript

   5. Video y el lienzo

   6. Video en los ejemplos de lienzo

   7. Animación revisada: Videos en movimiento

   8. ¿Que sigue?

7.  Capítulo 7  Trabajando con Audio

   1. La etiqueta básica <audio>

   2. Formatos de audio

   3. Propiedades de etiqueta de audio, funciones y eventos

   4. Reproducción de un sonido sin etiqueta de audio

   5. Creando un Reproductor de Audio Canvas

   6. Estudio de caso en audio: Juego Space Raiders

   7. Que sigue

8.  Lo esencial del juego del lienzo del capítulo 8 

   1. ¿Por qué los juegos en HTML5?

   2. Nuestro juego básico archivo HTML5

   3. El diseño de nuestro juego

   4. Gráficos del juego: dibujar con caminos

   5. Animando en el lienzo

   6. Aplicando Transformaciones a Gráficos de Juegos

   7. Transformaciones gráficas del juego

   8. Juego de Física y Animación de Objetos.

   9. Un marco de juego básico

   10. Poniendolo todo junto

   11. El jugador objeto

   12. Algoritmos de juego de Geo Blaster

   13. El Geo Blaster Basic Full Source

   14. Prototipo de objeto de rock

   15. Que sigue

9.  Capítulo 9  Combinando Bitmaps y Sonido

   1. Geo Blaster Extended

   2. Creación de una hoja de mosaico dinámico en tiempo de ejecución

   3. Un juego simple basado en azulejos

   4. Que sigue

10.  Capítulo 10  Movilización de juegos con PhoneGap

    1. ¡Vamos móvil!

    2. Creando la aplicación iOS con PhoneGap

    3. Más allá del lienzo

    4. Que sigue

11.  Capítulo 11  Exploraciones adicionales

    1. 3D con WebGL

    2. Aplicaciones multijugador con ElectroServer 5

    3. Conclusión

12. 
    
    
    

    1. Colofón