Satukan animasi Adobe Animate secara asli

Dalam artikel sebelumnya saya menerangkan bagaimana seseorang dapat dengan mudah mengintegrasikan animasi dari Adobe Animate ke dalam laman web melalui jalan memutar eksport APNG. Terdapat juga cara asli melalui eksport kanvas HTML5 , tetapi sesiapa yang telah bekerja dengannya akan mendapati bahawa ia terjebak di setiap sudut dan celah (sokongan responsif yang tidak mencukupi, penyatuan yang rumit ke laman web yang ada, tidak ada frekuensi gambar yang berbeza untuk setiap animasi, dll).). Perpustakaan adobe-animate-embed menyediakan ubat di sini.


Mula-mula anda membuat projek baru dan memilih jenis "Canvas HTML5":

Kemudian anda menerbitkan projek dengan tetapan penerbitan standard:

Sekarang anda menggabungkan perpustakaan adobe-animate-embed dan memainkan animasi dalam elemen DOM:

3ad3cc9d9915693d69583124699f1a2b

Banyak lagi contoh dan pilihan yang terdapat dalam dokumentasi perpustakaan.

Belakang