Kullanıcılar, birden fazla cihaza sahip modern kullanıcı arayüzlerinde sorunsuz 60 fps animasyonları bekler. Web'in mevcut temel animasyon öğeleriyle bu performans düzeyine ulaşmak zor olabilir. Neyse ki, kısa süre önce Chrome Canary'de kullanıma sunulan yeni bir Blink animasyon uygulaması üzerinde çalışıyoruz!
Bu uygulamanın heyecan verici tarafı, Blink'in dahili yapısını basitleştirmesi ve Web Animasyonları 1.0 spesifikasyonundan yeni API özelliklerinin eklenmesi için zemin hazırlamasıdır.
Şimdiye kadar, CSS Animasyonları ve CSS Geçişleri birbirinden bağımsız şekilde yazılan ve birlikte iyi performans göstermeyen ayrı uygulamalardı. Geçtiğimiz birkaç yıldır, tarayıcı geliştiricileri senkronizasyon, sıralı olarak çalıştırılacak animasyonları zincirleme, animasyon süresinde rastgele noktaları arama ve animasyonların hızını değiştirme, tersine çevirme gibi özellikleri destekleyen yeni nesil animasyon modeli üzerinde birlikte çalışıyorlar.] Bu çalışma sonucunda, Web Animasyonları 1.0 adlı W3C spesifikasyonu oluşturuldu.
Blink Ekibi'nin Web Animasyonları'nı dünyaya sunma konusunda ilk adımı, mevcut Blink CSS Animations/Transitions C++ uygulamasını Web Animasyonları motoruyla değiştirmektir. Bu ara hedefe vardığımızda, mümkün olduğunca çok geliştiricinin hiçbir şeyin bozuk olup olmadığını kontrol etmesini ve daha da önemlisi, uygulama çabalarına dikkat etmesini ve nelerin iyi/kötü ya da değiştirilmesi gerekebileceği konusunda bize geri bildirimde bulunmasını istiyoruz.
Sırada, JavaScript'ten animasyonlar oluşturmanıza, değiştirmenize ve sorgulamanıza olanak tanıyan bir API kullanıma sunulacak. API, animasyonların verimli bir şekilde çalışmasını sağlarken (böylece JavaScript'in animasyon oluşturmayı yönetmesi için bildirim temelli semantik kullanarak), ancak kontrolü tarayıcıya devrederek, tüm animasyon kontrolünü JavaScript geliştiricisine açıklayacak şekilde tasarlanmıştır.
Güçlü animasyon kontrolü için gereken herhangi bir özelliği kaçırmadığımızdan emin olmak amacıyla, önerilen API ile ilgili etkin geri bildirimlere ihtiyacımız var. Her yeni özellikte olduğu gibi teknik özellik de değişmeye devam edecek. Dolayısıyla, şimdi sesinizi duyurmanın zamanıdır. İdeal olarak, public-fx@w3.org posta listesine abone olup bu posta listesine katkıda bulunun (ve fark edilmesi için [Web Animasyonları] konu satırına [Web Animasyonları] yazın).
Halihazırda CSS Animasyonları ve Geçişlerini destekleyen yeni motoru hemen deneyin ve olağandışı noktaları Chromium hata izleyicisine gönderin.
Blink'e yeni nesil animasyon özelliklerini sunduğumuz için heyecanlıyız. Aynı zamanda yeni modeli uygulamaya karar veren WebKit ve Mozilla gibi diğer tarayıcı geliştiricileriyle çalışmayı da tercih ediyoruz.