Lottie คือฟอร์แมตเปิดสำหรับกราฟิกเวกเตอร์แบบแอนิเมชัน

• Lottie คือฟอร์แมตไฟล์แอนิเมชันเวกเตอร์แบบโอเพนซอร์สที่เริ่มต้นในปี 2015 เพื่อเล่นแอนิเมชัน Adobe After Effects บนสภาพแวดล้อมหลากหลาย เช่น เว็บและมือถือ
• ข้อมูลแอนิเมชันมักจัดการในรูปแบบ ไฟล์ที่อิงกับ JSON และบรรจุโครงสร้างที่จำเป็นต่อการเล่น เช่น คีย์เฟรม เส้นโค้ง easing และข้อมูลเลเยอร์
• ด้วย กราฟิกเวกเตอร์ ที่ไม่ขึ้นกับความละเอียดและการทำ tweening จึงเกิดระบบนิเวศที่มีทั้งเพลเยอร์ เรนเดอเรอร์ และเครื่องมือสร้างงานหลายแบบเข้ามารองรับ
• Lottie Animation Community กำลังปรับแต่งฟอร์แมตให้เป็นข้อกำหนดทางการที่มีเสถียรภาพ พร้อมทั้งค่อย ๆ รวมความสามารถที่ใช้ในเพลเยอร์เดิมเข้าไว้ในมาตรฐานด้วย
• การเข้าใจความแตกต่างของนามสกุลไฟล์และฟอร์แมตที่เกี่ยวข้องอย่าง .lot, video/lottie+json, และ dotLottie(.lottie) จะช่วยลดความสับสนในการพัฒนาและการเผยแพร่

---

ฟอร์แมต Lottie และเวิร์กโฟลว์การสร้าง

• Lottie คือฟอร์แมตไฟล์โอเพนซอร์สสำหรับกราฟิกเวกเตอร์แบบแอนิเมชัน
  • สร้างขึ้นครั้งแรกในปี 2015 โดย Hernan Torrisi เพื่อเป็นฟอร์แมตสำหรับการส่งออกและเล่นแอนิเมชัน Adobe After Effects
  • ปัจจุบันใช้งานบนเว็บ แอปพลิเคชันมือถือ และระบบอื่น ๆ พร้อมมีการพัฒนาเรนเดอเรอร์อิสระและการรองรับด้านการสร้างงานหลายแบบ
• วิธีการสร้างที่นิยมใช้กันอย่างแพร่หลายคือเวิร์กโฟลว์ที่อาศัย Adobe After Effects และปลั๊กอินเฉพาะทาง
  • สามารถรวมแอนิเมชันที่ซับซ้อน โมชันกราฟิก และองค์ประกอบแบบอินเทอร์แอ็กทีฟได้
  • หลังสร้างเสร็จสามารถส่งออกเป็น ไฟล์ Lottie JSON ได้
  • ภายในไฟล์ JSON จะมีคีย์เฟรม เส้นโค้ง easing และข้อมูลเลเยอร์ที่จำเป็นต่อการสร้างแอนิเมชันขึ้นใหม่
• องค์ประกอบหลักถูกออกแบบมาโดยมุ่งทั้งขนาดไฟล์และความเข้ากันได้ข้ามแพลตฟอร์ม
  • กราฟิกเวกเตอร์: ภาพที่ไม่ขึ้นกับความละเอียด สร้างจากรูปทรงเรขาคณิต เช่น เส้นและเส้นโค้ง แทนที่จะเป็นตารางพิกเซล
  • Tweening: วิธีทำแอนิเมชันที่แอนิเมเตอร์กำหนดคุณสมบัติของรูปทรงในคีย์เฟรมบางจุด แล้วให้ระบบคำนวณเฟรมระหว่างกลางโดยอัตโนมัติ
  • ระบบนิเวศ: มีทั้งเพลเยอร์ เครื่องมือสร้างงาน ไลบรารี และแอสเซ็ตฟรี โดยบริษัทหลายพันแห่งนำไปใช้เพื่อปรับปรุงประสบการณ์ผู้ใช้
  • ฟอร์แมตไฟล์เปิด: มาตรฐานเปิดที่อิงกับ JSON ทำให้ส่งผ่านเว็บและจัดการด้วยเครื่องมือเดิมได้ง่าย
• เอกสารที่เกี่ยวข้อง
  • Read the Spec
  • Implementations page

Lottie Animation Community และการทำให้เป็นมาตรฐาน

• Lottie Animation Community(LAC) เป็นโครงการโอเพนซอร์สไม่แสวงหากำไรที่ The Linux Foundation เป็นผู้โฮสต์
  • มุ่งมั่นในการทำให้ Lottie File Format เป็นเทคโนโลยีกราฟิกเวกเตอร์แบบแอนิเมชันและฟอร์แมตไฟล์เปิดที่มีประสิทธิภาพ ขยายต่อได้ และทำงานข้ามแพลตฟอร์มได้
  • ต้องการพัฒนาข้อกำหนดฟอร์แมต Lottie อย่างเป็นทางการที่สามารถนำไปใช้ได้ทั้งในเรนเดอเรอร์และเครื่องมือต่าง ๆ
  • ผลักดันการทำให้ Lottie File Format เป็นมาตรฐานอุตสาหกรรมและได้รับการยอมรับอย่างกว้างขวาง
• LAC ดำเนินงานภายใต้ธรรมาภิบาลของ Joint Development Foundation
  • เพื่อรับประกันแนวทางที่เปิดกว้างและร่วมมือกันในการทำมาตรฐาน
  • ให้ความสำคัญกับความโปร่งใส เพื่อให้สมาชิกชุมชนมีส่วนแสดงความคิดเห็นในกระบวนการพัฒนาและปรับปรุงฟอร์แมต
• ยังมีช่องว่างอยู่ระหว่างความสามารถเดิมกับข้อกำหนดทางการ
  • Lottie ถูกใช้งานมาอย่างยาวนานก่อนการก่อตั้ง LAC และได้พัฒนาชุดความสามารถที่หลากหลายจากชุมชน
  • LAC กำลังค่อย ๆ รวมความสามารถเดิมเหล่านั้นเข้าไว้ในข้อกำหนด ระหว่างกระบวนการปรับแต่งและทำให้เป็นมาตรฐานทางการที่มีเสถียรภาพ
  • ความสามารถของ Lottie ที่มีอยู่ในเพลเยอร์ปัจจุบันยังสามารถใช้งานต่อได้
  • ความสามารถที่ยังไม่รวมอยู่ในข้อกำหนดทางการสามารถดูได้ที่ Lottie format documentation from LottieFiles

ความแตกต่างของนามสกุลไฟล์และ dotLottie

• นามสกุลไฟล์ของ Lottie สามารถใช้ได้ทั้ง .json หรือ .lot
  • .json ถูกใช้อย่างแพร่หลายในเชิงประวัติศาสตร์
  • IANA รับรอง .lot เป็นนามสกุลไฟล์มาตรฐานอย่างเป็นทางการ และรับรอง video/lottie+json เป็น MIME type
  • แนะนำให้ใช้ส่วนขยาย .lot เพื่อให้สอดคล้องกับมาตรฐานทางการ
• dotLottie และ Lottie เป็นคนละฟอร์แมต
  • Lottie คือฟอร์แมตแอนิเมชันโอเพนซอร์สที่อิงกับ JSON ซึ่ง LAC กำลังทำให้เป็นมาตรฐาน
  • dotLottie(.lottie) คือฟอร์แมตแบบ superset ที่พัฒนาโดย LottieFiles
  • สามารถรวมไฟล์ Lottie JSON หลักและแอสเซ็ตอย่างรูปภาพหรือฟอนต์ไว้ในอาร์ไคฟ์บีบอัดเดียวที่มีขนาดเล็กกว่าได้
  • รายละเอียดเพิ่มเติมดูได้ที่ dotLottie specifications website

การมีส่วนร่วมกับชุมชน

• LAC เป็นโครงการความร่วมมือแบบเปิดที่ทุกคนในชุมชนสามารถเข้าร่วมได้
  • คุณสามารถมีส่วนกับทิศทางในอนาคตของ Lottie ได้ผ่านการช่วยเขียนข้อกำหนด เข้าร่วมการอภิปราย หรือปรับปรุงเครื่องมือ
  • จุดเริ่มต้นคือ contribution page