Công cụ tạo ảnh động trên web mới trong tính năng nhấp nháy giúp thúc đẩy hiệu ứng chuyển đổi và ảnh động CSS

Alex Danilo

Người dùng mong đợi các ảnh động mượt mà ở tốc độ 60 khung hình/giây trong giao diện người dùng hiện đại trên nhiều thiết bị. Rất khó để đạt được mức hiệu suất đó với các ảnh động gốc hiện có trên web. Rất may, chúng tôi đang triển khai một ảnh động Blink mới vừa được phát hành trong Chrome Canary!

Điều thú vị là việc này giúp đơn giản hoá nội bộ của Blink và đặt nền tảng để đưa các tính năng API mới vào quy cách Web Animations 1.0.

Cho đến nay, Ảnh động CSS và Hiệu ứng chuyển đổi CSS đã được triển khai riêng biệt, được viết độc lập và không nhất thiết phải hoạt động tốt với nhau. Trong vài năm qua, các nhà triển khai trình duyệt đã cùng nhau làm việc trên một mô hình ảnh động thế hệ mới có hỗ trợ cho các tính năng như đồng bộ hoá, tạo chuỗi ảnh động để chạy theo trình tự, tìm đến các điểm tuỳ ý trong thời gian ảnh động, cho phép ảnh động thay đổi tốc độ, đảo ngược và nhiều tính năng khác.] Nỗ lực này đã dẫn đến việc hình thành quy cách Ảnh động trên web 1.0 của W3C.

Bước đầu tiên của nhóm Blink trong việc đưa Ảnh động trên web ra thế giới là thay thế cách triển khai Ảnh động/Chuyển đổi CSS Blink hiện có bằng công cụ Ảnh động trên web. Giờ đây, khi đã đạt được cột mốc đó, chúng tôi muốn có nhiều nhà phát triển nhất có thể kiểm tra để đảm bảo không có lỗi nào, và quan trọng hơn là theo dõi nỗ lực triển khai và gửi ý kiến phản hồi cho chúng tôi về những điểm tốt/xấu hoặc có thể cần thay đổi.

Tiếp theo, bạn sẽ triển khai một API cho phép tạo, sửa đổi và truy vấn ảnh động từ JavaScript. API này được thiết kế để cho phép ảnh động chạy hiệu quả (bằng cách sử dụng ngữ nghĩa khai báo để JavaScript quản lý việc tạo ảnh động nhưng chuyển quyền kiểm soát cho trình duyệt) trong khi vẫn cung cấp toàn quyền kiểm soát ảnh động cho nhà phát triển JavaScript.

Chúng tôi đang tìm kiếm ý kiến phản hồi tích cực về API đề xuất để đảm bảo rằng chúng tôi không bỏ lỡ bất kỳ tính năng nào cần thiết cho việc kiểm soát ảnh động hiệu quả. Giống như mọi tính năng mới, thông số kỹ thuật sẽ tiếp tục thay đổi, vì vậy, đây là thời điểm để bạn lên tiếng – tốt nhất là bằng cách đăng ký và đóng góp cho danh sách gửi thư public-fx@w3.org (và đặt [Web Animations] vào dòng tiêu đề để được chú ý).

Hãy thử công cụ mới hiện đang hỗ trợ Ảnh động và hiệu ứng chuyển đổi CSS, đồng thời đăng mọi vấn đề bất thường lên công cụ theo dõi lỗi Chromium để chúng tôi biết.

Chúng tôi rất vui mừng khi mang các tính năng ảnh động thế hệ mới đến với Blink và mong muốn được hợp tác với các nhà phát triển trình duyệt khác như WebKitMozilla. Họ cũng đã cam kết triển khai mô hình mới.