Adobe Animate Animationen nativ einbinden

Ich habe in einem vergangenen Artikel geschildert, wie man über den Umweg eines APNG-Exports Animationen aus Adobe Animate einfach in eine Webseite einbinden kann. Es gibt auch den native Weg über den HTML5 Canvas Export, aber wer schon einmal damit gearbeitet hat, wird feststellen, dass es dort an allen Ecken und Enden klemmt (unzureichende responsive Unterstützung, umständliches Einbinden in bestehende Webseite, keine unterschiedlichen Frameraten pro Animation, usw.). Abhilfe schafft hier die Library adobe-animate-embed.


Zunächst erstellt man ein neues Projekt und wählt den Typ "HTML5 Canvas" aus:

Anschließend veröffentlicht man das Projekt mit den Standard-Veröffentlichungseinstellungen:

Nun bindet man die Library adobe-animate-embed ein und spielt die Animation innerhalb eines DOM-Elements ab:

3ad3cc9d9915693d69583124699f1a2b

Viele weitere Beispiele und Optionen stehen in der Dokumentation der Library zur Verfügung.

Zurück