HTML5 Canvas 1g6336

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 60262v

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

   1. La página HTML básica 3y295q

   2. HTML básico que usaremos en este libro 5j5y4a

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

   4. jаvascript y Canvas 1l113g

   5. Lienzo HTML5 “Hello World!” 3d4z6d

   6. Depuración con Console.log 3t2s3z

   7. El contexto 2D y el estado actual 3u5z5c

   8. El objeto HTML5 Canvas q3m3d

   9. Otro ejemplo: Adivina la letra 6p3o25

   10. Que sigue 58282r

2.  Capítulo 2  Dibujo sobre el lienzo 1t5mq

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

   2. La forma básica del rectángulo 11o4q

   3. El estado del lienzo 5hl1w

   4. Uso de rutas para crear líneas l4c57

   5. Métodos de ruta avanzados 6c1x43

   6. Composición en el lienzo 135y4e

   7. Transformaciones simples de lona 140l

   8. Relleno de objetos con colores y degradados 5s264y

   9. Formas de relleno con patrones 6v2o67

   10. Creando sombras sobre formas de lienzo 86b4n

   11. Que sigue 58282r

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

   1. Visualización de texto básico 1i4lc

   2. Configuración de la fuente de texto 21422l

   3. Texto y el contexto del lienzo 10682u

   4. Texto con degradados y patrones 5h5t41

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

   6. Versión final de Text Arranger b731k

   7. Que sigue 58282r

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

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

   2. Conceptos básicos de la imagen si4m

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

   4. Animación avanzada basada en células 1a276y

   5. Aplicando Transformaciones de Rotación a una Imagen 46733b

   6. Creando una cuadrícula de azulejos 6d2sg

   7. Acercamiento y panorámica de una imagen k72l

   8. Manipulación de píxeles 452pw

   9. Copiando de un lienzo a otro 3a1j69

   10. Que sigue 58282r

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

   1. Moviéndose en línea recta 5d1xq

   2. Rebotando en las paredes u676g

   3. Curva y movimiento circular. 3u656e

   4. Gravedad simple, elasticidad y fricción 5d2x6p

   5. Facilitando 3h384

   6. ¿Que sigue? 1c613f

6.  Capítulo 6  Mezclando HTML5 Video y Canvas 2p4j6a

   1. Soporte de video HTML5 1u166v

   2. Convertir formatos de video 5xyb

   3. Implementación básica de video HTML5 1t2tr

   4. Precarga de vídeo en jаvascript 5g4x2n

   5. Video y el lienzo 585g4p

   6. Video en los ejemplos de lienzo 5p486z

   7. Animación revisada: Videos en movimiento 5p677

   8. ¿Que sigue? 1c613f

7.  Capítulo 7  Trabajando con Audio r3m6m

   1. La etiqueta básica <audio> 4o1n4v

   2. Formatos de audio 54n57

   3. Propiedades de etiqueta de audio, funciones y eventos 321h6d

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

   5. Creando un Reproductor de Audio Canvas 2q4y2c

   6. Estudio de caso en audio: Juego Space Raiders 48h5r

   7. Que sigue 58282r

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

   1. ¿Por qué los juegos en HTML5? 42o66

   2. Nuestro juego básico archivo HTML5 2b181b

   3. El diseño de nuestro juego pv1p

   4. Gráficos del juego: dibujar con caminos 60y4p

   5. Animando en el lienzo 601a5w

   6. Aplicando Transformaciones a Gráficos de Juegos 45o5a

   7. Transformaciones gráficas del juego o3a6h

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

   9. Un marco de juego básico 2e2m4s

   10. Poniendolo todo junto 3m70t

   11. El jugador objeto 4e533b

   12. Algoritmos de juego de Geo Blaster i5m37

   13. El Geo Blaster Basic Full Source 4t5z3r

   14. Prototipo de objeto de rock u5b2a

   15. Que sigue 58282r

9.  Capítulo 9  Combinando Bitmaps y Sonido 2l5j2m

   1. Geo Blaster Extended 4a2b15

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

   3. Un juego simple basado en azulejos 4r6b3e

   4. Que sigue 58282r

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

    1. ¡Vamos móvil! 6v2h2o

    2. Creando la aplicación iOS con PhoneGap 602k5j

    3. Más allá del lienzo 3y3s

    4. Que sigue 58282r

11.  Capítulo 11  Exploraciones adicionales 71a19

    1. 3D con WebGL 4p716g

    2. Aplicaciones multijugador con ElectroServer 5 5c3o2u

    3. Conclusión 6j3h1q

12. 
    

    1. Colofón 1s5z7