Web Animasyonları için yerel destek ilk kez Chrome 36'da kullanıma sunuldu ve Chrome 39'da oynatma kontrolüyle güncellendi. Element.animate() yöntemi, zorunlu animasyonları doğrudan JavaScript'ten tetiklemek için kullanılabilir ve döndürülen nesneden bu animasyonların oynatılmasını kontrol etmek için kullanılabilir. Bu yöntemler, Web Animasyonları W3C spesifikasyonunun mevcut taslağında ayrıntılı olarak açıklanmıştır.
Aktif geliştirme kapsamında, yerel olarak uygulanan tüm Web Animasyonları özelliklerini izleyen ve tüm modern tarayıcılarda desteklenen gönderilen bir çoklu dolgu vardır. Bu temel yöntemler şu anda kullanılmaya hazır ve animasyonlardan (ör. Google I/O 2015 web uygulaması) faydalanarak zengin deneyimler oluşturmak için kullanacağınız araç kutusunun bir parçası olmayı hak ediyor.
Oluşturucu ve grup değişiklikleri
Web Animasyonları spesifikasyonu, grupları ve dizileri ve animasyonlar ile oynatıcılar için kurucuları da açıklar. Bunlar, hâlâ tartışılmakta olan ve henüz yerel olarak uygulanmayacak özellikleri göstermek için tasarlanmış web-animations-next çoklu dolgusunda yer almaktadır. Web Animasyonları geliştiren ekip, geliştiricilerden gelen geri bildirimler doğrultusunda, bu özellikleri daha anlaşılır olacak şekilde yeniden adlandırıyor.
Geçtiğimiz günlerde Sidney, Avustralya'da kullanıma sunulan FXTF'nin naming konusunda bazı geliştiriciler, kafa karıştırıcı bir adlandırmaya dikkat çekti ve bazı geliştiriciler, bu konuda geçerli noktalara değindiler. Bunun sonucunda aşağıdaki adlandırma değişiklikleri üzerinde anlaşmaya varıldı:
- Animasyon, KeyframeEffect haline gelir
- AnimationSequence, SequenceEffect olur
- AnimationGroup, GroupEffect olur
- AnimationPlayer, Animasyon olur
Animasyonlar ve oynatıcıları yerel olarak Chrome'da ve çoklu dolgunun bir parçası olarak kullanılabilse de şu anda doğrudan Element.animate() yöntemiyle oluşturulduklarını unutmayın. Element.animate() yöntemini kullanan mevcut kod herhangi bir değişiklik gerektirmez.
Yeni adlar, her nesnenin sağladığı davranışı daha doğru bir şekilde temsil etmektedir. Örneğin KeyframeEffect, HTML öğelerini hedefleyebilen animasyon karesi tabanlı efektleri açıklar. Buna karşılık yeni Animation nesnesi, birçok durumdan (oynatma, duraklatıldı vb.) bir durumdaki bir animasyonu temsil eder.
SourceCodeEffect
Taslak spesifikasyonunun bazı bölümlerini web animasyonlarının bir sonraki çoklu doldurması aracılığıyla kullanıyorsanız bu yeni adları yansıtmak için kodunuzu kullanımdan kaldırma döneminde güncellemeniz gerekecektir. Çoklu dolgu değişiklikleri politikası uyarınca, eski bir sürümü üç ay boyunca desteklemeyi ve sitenizde kullanımdan kaldırılmış özellikler veya adlar kullanması durumunda konsol uyarı beyanları sağlamayı hedefliyoruz.
Bu özellikleri denemek istiyorsanız bu yeni adlardan yararlanmak için çoklu dolgunun v2 sürümünü bekleyin. Son olarak, diğer değişiklikler hakkında bilgi almak için web-animations-changes grubuna abone olmayı unutmayın.