เครื่องมือแอนิเมชั่น Lottie v6.5.2
6.5.2
Lottie Animation Tool เป็นไลบรารีมือถือสำหรับ Android และ iOS ที่ใช้ Bodymovin เพื่อแยกวิเคราะห์ภาพเคลื่อนไหว Adobe After Effects ที่ส่งออกในรูปแบบ json และเรนเดอร์บนอุปกรณ์พกพา!
Lottie ช่วยให้วิศวกรสร้างเอฟเฟกต์แอนิเมชั่นที่สมบูรณ์ยิ่งขึ้นได้ง่ายขึ้นโดยไม่ต้องเขียนโค้ดใหม่ ด้วย Lottie คุณไม่จำเป็นต้องใช้ภาพเคลื่อนไหว Gif เพื่อแสดงเอฟเฟกต์อีกต่อไป
ปัจจุบัน Lottie รองรับการตัดเส้นทาง การมาสก์ การปกปิด และการดำเนินการอื่นๆ นอกจากนี้ยังมีกลไกแคชเสริมสำหรับการโหลดรายการที่ใช้บ่อยได้เร็วขึ้น เป้าหมายของแอปนี้คือการช่วยให้นักพัฒนาและนักสร้างแอนิเมชันสร้างแอนิเมชันสำหรับแอปของตนได้ง่ายขึ้น ซึ่งจะช่วยปรับปรุงปัจจัยการโต้ตอบโดยรวม
1. นักออกแบบสร้างภาพเคลื่อนไหวโดยใช้เครื่องมือสร้างแอนิเมชั่นระดับมืออาชีพ Adobe After Effects ซึ่งทำให้การใช้แอนิเมชั่นสะดวกยิ่งขึ้นและเอฟเฟกต์แอนิเมชั่นดีขึ้น
2. ส่วนหน้าสามารถเรียกภาพเคลื่อนไหวและควบคุมภาพเคลื่อนไหวได้อย่างง่ายดาย ช่วยลดภาระงานของภาพเคลื่อนไหวส่วนหน้า
3. ออกแบบและผลิตแอนิเมชั่น, แสดงแอนิเมชั่นที่ส่วนหน้า, มืออาชีพทำสิ่งที่เป็นมืออาชีพและการแบ่งงานมีความสมเหตุสมผล
4. การแสดงของผู้ขายคือการแสดงของผู้ซื้อ และระดับการบูรณะคือ 100%
5. เมื่อใช้โซลูชัน lottie ขนาดไฟล์ json จะเล็กกว่าไฟล์ gif มากและประสิทธิภาพจะดีกว่า
1. ไฟล์ lottie-web นั้นยังค่อนข้างใหญ่ ขนาดของ lottie.js คือ 513k และมีขนาด 144k หลังจากการบีบอัด ขนาดคือ 39k ดังนั้นคุณต้องใส่ใจกับการโหลดเว็บล็อตตี้ด้วย ปัจจุบัน โปรเจ็กต์ H5 มีแพ็คเกจออฟไลน์ และโปรเจ็กต์ PC จะถูกอัปโหลดไปยัง PWA ด้วย ซึ่งจะถูกแคชเพื่อให้แน่ใจว่ามีความเร็วในการโหลด
2. จริงๆ แล้วแอนิเมชัน Lottie สามารถเข้าใจได้ว่าเป็นแอนิเมชัน svg/แอนิเมชันแคนวาส และไม่สามารถเพิ่มเอฟเฟกต์แอนิเมชันลงใน html ที่มีอยู่ได้
3. การส่งออกไฟล์ภาพเคลื่อนไหว json ในปัจจุบันจะส่งออกพารามิเตอร์ใน AE ไปยังเนื้อหา json ทีละรายการ หากผู้ออกแบบสร้างเลเยอร์จำนวนมาก อาจยังมีปัญหาเกี่ยวกับไฟล์ json ที่ค่อนข้างใหญ่ (20kb) นักออกแบบจะต้องปฏิบัติตามบรรทัดฐานบางประการ
4. เอฟเฟกต์แอนิเมชัน AE จำนวนน้อยมากที่ Lottie ไม่สามารถใช้งานได้ บางส่วนเกิดจากปัญหาด้านประสิทธิภาพ และบางส่วนยังไม่เสร็จสิ้น ตัวอย่างเช่น: แอนิเมชั่นจังหวะ ฯลฯ
