Alat animasi Lottie v6.5.2

Lottie Animation Tool adalah perpustakaan seluler untuk Android dan iOS yang menggunakan Bodymovin untuk mengurai animasi Adobe After Effects yang diekspor dalam format json dan merendernya secara asli di perangkat seluler!

Lottie memudahkan para insinyur untuk membuat efek animasi yang lebih kaya tanpa menulis ulang kode. Dengan Lottie Anda tidak perlu lagi menggunakan animasi Gif untuk menampilkan efeknya.

Saat ini, Lottie mendukung pemangkasan jalur, penyembunyian, penutupan, dan operasi lainnya. Ada juga mekanisme caching opsional untuk memuat item yang sering digunakan dengan lebih cepat. Tujuan aplikasi ini adalah membantu pengembang dan animator membuat animasi untuk aplikasi mereka dengan lebih mudah, sehingga meningkatkan faktor interaktivitas secara keseluruhan.

Keuntungan dari lottie

Solusi Lottie adalah desainer membuat animasi, mengekspornya ke json, dan memainkannya di front end. Oleh karena itu, keuntungan menggunakan skema Lottie adalah

1. Animasi diwujudkan oleh desainer menggunakan alat produksi animasi profesional Adobe After Effects, yang membuat implementasi animasi lebih nyaman dan efek animasinya lebih baik;

2. Front-end dapat dengan mudah memanggil animasi dan mengontrol animasi, sehingga mengurangi beban kerja animasi front-end;

3. Merancang dan memproduksi animasi, menampilkan animasi di bagian depan, profesional melakukan hal-hal profesional, dan pembagian kerja yang wajar;

4. Pertunjukan penjual adalah pertunjukan pembeli, dan tingkat pemulihannya adalah 100%;

5. Dengan menggunakan solusi lottie, ukuran file json akan jauh lebih kecil daripada file gif, dan kinerjanya akan lebih baik.

Lottie tidak cukup

Penggunaan skema Lottie memiliki kelemahan sebagai berikut

1. File lottie-web sendiri masih tergolong besar. Ukuran lottie.js adalah 513k, dan setelah dikompresi menjadi 144k. Oleh karena itu, Anda perlu memperhatikan pemuatan lottie-web. Saat ini, proyek H5 memiliki paket offline, dan proyek PC juga akan diunggah ke PWA, yang akan di-cache untuk memastikan kecepatan pemuatan.

2. Animasi lottie sebenarnya dapat dipahami sebagai animasi svg/animasi kanvas, dan tidak dapat menambahkan efek animasi pada html yang ada;

3. Ekspor file json animasi saat ini mengekspor parameter di AE ke konten json satu per satu. Jika desainer membuat banyak lapisan, mungkin masih ada masalah file json yang relatif besar (20kb). Desainer diharuskan mengikuti norma-norma tertentu.

4. Ada sejumlah kecil efek animasi AE yang tidak dapat diterapkan oleh Lottie. Ada yang karena masalah performa, dan ada pula yang belum selesai. Misalnya: animasi guratan, dll.