Mesin animasi web baru dalam kedipan mendorong animasi dan transisi CSS

Alex Danilo

Pengguna mengharapkan animasi 60 fps yang lancar dalam UI multiperangkat modern. Mencapai tingkat performa tersebut dengan primitif animasi web saat ini bisa jadi sulit. Untungnya, kami sedang mengerjakan implementasi animasi Blink baru yang baru saja diluncurkan di Chrome Canary.

Yang menarik tentang hal ini adalah menyederhanakan internal Blink dan memberikan dasar untuk penyertaan fitur API baru dari spesifikasi Web Animations 1.0.

Hingga saat ini, Animasi CSS dan Transisi CSS merupakan implementasi terpisah, yang ditulis secara terpisah, dan belum tentu dapat berjalan dengan baik jika digunakan bersama. Selama beberapa tahun terakhir, implementasi browser telah bekerja sama membuat model animasi generasi berikutnya dengan dukungan untuk hal-hal seperti sinkronisasi, perantaian animasi agar berjalan secara berurutan, mencari titik arbitrer dalam waktu animasi, memungkinkan animasi mengubah kecepatan, mundur, dan banyak lagi.] Upaya ini mengarah pada pembentukan spesifikasi W3C Web Animations 1.0.

Langkah pertama dari tim Blink dalam memperkenalkan Animasi Web kepada dunia adalah mengganti implementasi Blink CSS Animations/Transitions C++ yang sudah ada dengan mesin Web Animations. Setelah mencapai tonggak pencapaian tersebut, kami ingin sebanyak mungkin developer memeriksa bahwa tidak ada yang salah dan lebih penting lagi untuk memantau upaya penerapan dan memberikan masukan kepada kami tentang apa yang baik/buruk atau mungkin perlu diubah.

Selanjutnya adalah implementasi API yang memungkinkan Anda membuat, memodifikasi, dan memeriksa animasi dari JavaScript. API ini dirancang untuk memungkinkan animasi berjalan secara efisien (dengan menggunakan semantik deklaratif sehingga JavaScript mengelola pembuatan animasi tetapi menyerahkan kontrol ke browser) sambil tetap mengekspos kontrol animasi penuh kepada developer JavaScript.

Kami sedang mencari masukan aktif terkait API yang diusulkan untuk memastikan bahwa kami tidak melewatkan fitur apa pun yang diperlukan untuk kontrol animasi yang canggih. Seperti fitur baru lainnya, spesifikasinya akan terus berubah, jadi sekaranglah waktunya untuk membuat suara Anda didengar - idealnya dengan berlangganan dan berkontribusi ke milis public-fx@w3.org (dan cantumkan [Web Animations] di baris subjek agar dapat diperhatikan).

Coba mesin baru yang sudah mendukung Animasi & Transisi CSS sekarang dan posting keanehan ke pelacak bug Chromium agar kami mengetahuinya.

Kami sangat antusias untuk menghadirkan kemampuan animasi generasi berikutnya ke Blink dan berharap dapat bekerja sama dengan developer browser lain seperti WebKit dan Mozilla yang juga telah berkomitmen untuk mengimplementasikan model baru ini.