Page 196 - Guía del usuario de Animate

Ya puede empezar a crear contenido HTML5 con las herramientas de Animate. Cuando comience a
trabajar con el documento de HTML5 Canvas, observará que ciertas funciones y herramientas no
son compatibles y se desactivan. Esto se debe a que Animate admite las funciones compatibles
con el elemento Canvas en HTML5. Por ejemplo, no se admiten las transformaciones 3D, las líneas
de puntos y los efectos biselados.

Adición de interactividad a un documento de HTML5 Canvas

Animate publica contenido HTML5 con las bibliotecas de CreateJS. CreateJS es un conjunto de
bibliotecas modulares y herramientas que permite agregar contenido interactivo enriquecido en
tecnologías de web abierta mediante HTML5. El conjunto CreateJS está compuesto por: EaselJS,
TweenJS, SoundJS y PreloadJS. CreateJS convierte el contenido creado en el escenario a HTML5
con estas bibliotecas individuales para generar archivos de salida de HTML y JavaScript. También
puede manipular este archivo JavaScript para mejorar su contenido.

No obstante, Animate permite añadir interactividad directamente a los objetos del escenario
creados para HTML5 Canvas. Esto significa que puede añadir código JavaScript a objetos
individuales en el escenario en Animate y previsualizarlos durante la creación. A su vez, Animate
ofrece compatibilidad nativa para JavaScript con funciones útiles del editor de código para ayudar
a mejorar la eficacia del flujo de trabajo de los programadores.

Puede seleccionar fotogramas y fotogramas clave individuales en la línea de tiempo para añadir
interactividad al contenido. Para un documento de HTML5 Canvas, puede agregar interactividad
mediante JavaScript. Para obtener más información sobre el código JavaScript, consulte este
vínculo.

Ahora el código JavaScript se puede escribir directamente en el panel Acciones y puede hacer uso
de las siguientes funciones mientras se redacta el código JavaScript:

Sugerencias de código

Le permite insertar y editar rápidamente y sin errores código JavaScript. Conforme introduzca
caracteres en el panel Acciones, verá una lista de candidatos que podrían completar la entrada
automáticamente.

Asimismo, Animate también admite algunas funciones inherentes al panel Acciones al trabajar con
HTML5 Canvas. Estas funciones ayudarán a mejorar la eficacia del flujo de trabajo al agregar
interactividad a los objetos en el escenario. Son:
Resaltado de la sintaxis

Muestra el código en diferentes fuentes o colores según la sintaxis. Esta función permite escribir
código en un modo estructurado, ayudándole a distinguir visualmente los códigos correctos y los
errores de sintaxis.

Coloreado del código
Muestra el código en distintos colores según la sintaxis. Esto le permite distinguir visualmente las
distintas partes de una sintaxis.