Page 195 - Guía del usuario de Animate

Creación y publicación de documentos de HTML5 Canvas en Animate

¿Qué es HTML5 Canvas?
Canvas es un elemento nuevo en HTML5 que proporciona API que permiten generar y procesar
dinámicamente gráficos, tablas, imágenes y animaciones. La presencia de la API Canvas para
HTML5 consolida la plataforma HTML5 ya que proporciona capacidad de dibujo bidimensional.
Esta capacidad es compatible con la mayoría de sistemas operativos y navegadores modernos.

Básicamente, Canvas es un motor de representación; los dibujos son finales y no se puede cambiar
su tamaño. Además, los objetos dibujados en Canvas no forman parte del DOM de la página web.
En una página web, podrá añadir elementos Canvas con la etiqueta <Canvas>. Estos elementos se
podrán mejorar con JavaScript para crear interactividad. Para obtener más información,
consulte este vínculo.

El nuevo tipo de documento HTML5 Canvas

Animate permite crear documentos de HTML5 Canvas con ilustraciones enriquecidas, gráficos,
animaciones, etc. Se ha agregado un nuevo tipo de documento (HTML5 Canvas) a Animate que
proporciona compatibilidad nativa para crear contenido enriquecido e interactivo de HTML5. Esto
significa que puede utilizar la línea de tiempo, el espacio de trabajo y las herramientas
tradicionales de Animate para crear contenido y producir salidas de HTML5. Con unos pocos clics
podrá crear y un documento de HTML5 Canvas y generar salidas totalmente funcionales. Para ello,
en Animate, las opciones de publicación y documento están preestablecidas para generar una
salida de HTML5.

Animate está integrado con CreateJS, lo que habilita contenido interactivo enriquecido en
tecnologías de web abierta mediante HTML5. Animate genera HTML y JavaScript para el contenido
(incluye mapas de bits, vectores, formas, sonidos, interpolaciones, etc.) creado en el escenario. La
salida se puede ejecutar en cualquier dispositivo o navegador que admita HTML5 Canvas.
Animate y la API Canvas

Animate publica en HTML5 mediante la API Canvas. Animate convierte los objetos creados en el
escenario en sus equivalentes de Canvas sin problemas. Animate le permite publicar contenido
complejo en HTML5 al permitir la asignación individual de funciones de Animate a las API de
Canvas.

Creación de un documento de HTML5 Canvas
Para crear un documento de HTML5 Canvas, haga lo siguiente:

Seleccione Archivo > Nuevo para mostrar el cuadro de diálogo Nuevo documento. Seleccione la
pestaña Avanzado, en la parte superior de la pantalla, y haga clic en la opción HTML5 Canvas. Se
abrirá un nuevo archivo FLA con la configuración de publicación modificada para generar una
salida HTML5.