Integre animaciones de Adobe Animate de forma nativa

En un artículo anterior describí cómo se pueden integrar fácilmente animaciones de Adobe Animate en un sitio web mediante el desvío de una exportación APNG. También existe la forma nativa a través de la exportación de lienzo HTML5 , pero cualquiera que ya haya trabajado con él encontrará que está atascado en cada rincón y grieta (soporte de respuesta insuficiente, integración engorrosa en un sitio web existente, sin diferentes velocidades de fotogramas por animación, etc.).). La biblioteca adobe-animate-embed proporciona un remedio aquí.


Primero crea un nuevo proyecto y elige el tipo "HTML5 Canvas":

Luego publica el proyecto con la configuración de publicación estándar:

Ahora integra la biblioteca adobe-animate-embed y reproduce la animación dentro de un elemento DOM:

3ad3cc9d9915693d69583124699f1a2b

Hay muchos más ejemplos y opciones disponibles en la documentación de la biblioteca.

Atrás