2 điểm bởi GN⁺ 2025-05-26 | Chưa có bình luận nào. | Chia sẻ qua WhatsApp
  • Lottie là một định dạng tệp hoạt hình vector mã nguồn mở, bắt đầu từ năm 2015 để phát các hoạt ảnh Adobe After Effects trên nhiều môi trường như web và di động
  • Dữ liệu hoạt ảnh chủ yếu được xử lý dưới dạng tệp dựa trên JSON, chứa các cấu trúc cần thiết để phát lại như keyframe, đường cong easing và thông tin layer
  • Dựa trên đồ họa vector độc lập với độ phân giải và tweening, một hệ sinh thái gồm nhiều player, renderer và công cụ sáng tạo đã hình thành xung quanh nó
  • Lottie Animation Community đang tinh chỉnh định dạng này thành một đặc tả chính thức ổn định, đồng thời từng bước tích hợp vào tiêu chuẩn các tính năng đang được dùng trong những player hiện có
  • Cần hiểu sự khác biệt giữa các phần mở rộng và định dạng lân cận như .lot, video/lottie+json, dotLottie(.lottie) để giảm nhầm lẫn khi triển khai và phân phối

Định dạng Lottie và quy trình tạo nội dung

  • Lottie là một định dạng tệp mã nguồn mở dành cho đồ họa vector hoạt hình
    • Được Hernan Torrisi tạo ra lần đầu vào năm 2015 như một định dạng để xuất và phát hoạt ảnh Adobe After Effects
    • Hiện được dùng trên web, ứng dụng di động và các hệ thống khác, với nhiều bản triển khai renderer độc lập và hỗ trợ sáng tạo nội dung
  • Quy trình sử dụng Adobe After Effects cùng plugin chuyên dụng là cách tạo nội dung được dùng rộng rãi
    • Có thể bao gồm các hoạt ảnh phức tạp, motion graphics và yếu tố tương tác
    • Sau khi tạo xong, có thể xuất ra tệp Lottie JSON
    • Tệp JSON chứa keyframe, đường cong easing và thông tin layer cần thiết để tái hiện hoạt ảnh
  • Các thành phần cốt lõi hướng tới cả kích thước tệp lẫn khả năng tương thích nền tảng
    • Đồ họa vector: hình ảnh độc lập với độ phân giải, được tạo từ các hình học như đường cong và đường thẳng thay vì lưới pixel
    • Tweening: phương thức hoạt ảnh trong đó animator định nghĩa thuộc tính của hình ở các keyframe nhất định, còn các frame trung gian được nội suy tự động
    • Hệ sinh thái: có player, công cụ sáng tạo, thư viện và asset miễn phí; hàng nghìn công ty sử dụng để cải thiện trải nghiệm người dùng
    • Định dạng tệp mở: tiêu chuẩn mở dựa trên JSON, dễ truyền qua web và dễ thao tác bằng các công cụ hiện có
  • Tài liệu liên quan

Lottie Animation Community và tiêu chuẩn hóa

  • Lottie Animation Community(LAC) là một dự án mã nguồn mở phi lợi nhuận do The Linux Foundation lưu trữ
    • Tập trung thiết lập Lottie File Format như một công nghệ đồ họa vector hoạt hình hiệu quả, có khả năng mở rộng, đa nền tảng và là một định dạng tệp mở
    • Hướng tới phát triển đặc tả định dạng Lottie chính thức có thể được triển khai trên nhiều renderer và công cụ
    • Thúc đẩy việc tiêu chuẩn hóa trong ngành và sự chấp nhận rộng rãi của Lottie File Format
  • LAC hoạt động dưới cơ chế quản trị của Joint Development Foundation
    • Đảm bảo cách tiếp cận mở và cộng tác trong công việc tiêu chuẩn hóa
    • Coi trọng tính minh bạch để các thành viên cộng đồng có tiếng nói trong quá trình phát triển và cải tiến định dạng
  • Vẫn còn khoảng cách giữa các tính năng hiện có và đặc tả chính thức
    • Lottie đã được sử dụng từ lâu trước khi LAC được thành lập, và đã phát triển thành một bộ tính năng phong phú do cộng đồng tạo ra
    • LAC đang dần tích hợp các tính năng hiện có vào đặc tả trong quá trình tinh chỉnh và hình thức hóa chúng thành một tiêu chuẩn chính thức ổn định
    • Các tính năng Lottie do player hiện nay cung cấp vẫn có thể tiếp tục sử dụng
    • Có thể xem các tính năng chưa được đưa vào đặc tả chính thức tại Lottie format documentation from LottieFiles

Phân biệt phần mở rộng và dotLottie

  • Tệp Lottie có thể dùng phần mở rộng .json hoặc .lot
    • .json đã được sử dụng rộng rãi trong lịch sử
    • IANA đã chính thức công nhận .lot là phần mở rộng tệp tiêu chuẩn và video/lottie+json là MIME type
    • Nên dùng phần mở rộng .lot để phù hợp với tiêu chuẩn chính thức
  • dotLottie và Lottie là các định dạng khác nhau
    • Lottie là định dạng hoạt ảnh mã nguồn mở dựa trên JSON đang được LAC tiêu chuẩn hóa
    • dotLottie(.lottie) là định dạng siêu tập hợp do LottieFiles phát triển
    • Có thể đóng gói tệp Lottie JSON cốt lõi cùng các asset như hình ảnh và font vào một archive nén nhỏ hơn duy nhất
    • Có thể xem chi tiết tại dotLottie specifications website

Tham gia cộng đồng

  • LAC là một dự án cộng tác mở mà bất kỳ ai trong cộng đồng cũng có thể tham gia
    • Có thể góp phần định hình hướng đi tương lai của Lottie thông qua đóng góp cho đặc tả, tham gia thảo luận và cải thiện công cụ
    • Điểm bắt đầu là contribution page

Chưa có bình luận nào.

Chưa có bình luận nào.