Web animasyonları için yerel destek ilk olarak 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ürdüğü nesne 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.
Etkin olarak geliştirilmekte olan bir yayınlanan polyfill vardır. Bu polyfill, doğal olarak uygulanan tüm Web Animasyonları özelliklerini izler ve tüm modern tarayıcılarda desteklenir. Bu temel yöntemler şu anda kullanıma hazırdır ve animasyonlardan yararlanan zengin deneyimler (ör. Google I/O 2015 web uygulaması) oluşturmak için araç kutunuzun bir parçası olmaya değer.
Oluşturucu ve gruplarda yapılan değişiklikler
Web Animasyonları spesifikasyonu, grupları ve sıralamaları, ayrıca animasyonlar ve oynatıcılar için kurucuları da açıklar. Bu özellikler, henüz tartışılmakta olan ve henüz yerel olarak uygulanmayan özellikleri sergilemek için tasarlanmış web-animations-next polyfill'inde kullanıma sunulmuştur. Web animasyonları geliştirme ekibi, geliştiricilerden gelen geri bildirimler doğrultusunda bu özellikleri daha açıklayıcı olacak şekilde yeniden adlandırıyor.
FXTF kısa süre önce Avustralya'nın Sidney kentinde bir araya geldi ve adlandırma hakkında görüş alışverişinde bulundu. Bunun nedeni, bazı geliştiricilerin adlandırmaların kafa karıştırıcı olmasıyla ilgili geçerli noktalar öne sürmesiydi. Sonuç olarak, aşağıdaki adlandırma değişiklikleri üzerinde anlaşmaya varıldı:
- Animasyon, Anahtar kare efekti olur.
- AnimationSequence, SequenceEffect olur.
- AnimationGroup, GroupEffect olur.
- AnimationPlayer, Animation olur.
Animasyonlar ve oynatıcıları Chrome'da ve polyfill'in bir parçası olarak doğal olarak kullanılabilir olsa da şu anda doğrudan Element.animate() yöntemi aracılığıyla oluşturulduğunu unutmayın. Element.animate() yöntemini kullanan mevcut kodda herhangi bir değişiklik yapılması gerekmez.
Yeni adlar, her nesnenin sağladığı davranışı daha doğru şekilde temsil eder. Örneğin, KeyframeEffect, HTML öğelerini hedefleyebilecek anahtar kare tabanlı efektleri tanımlar. Buna karşılık yeni Animation nesnesi, birçok durumdan (ör. oynatma, duraklatma vb.) birinde olan bir animasyonu temsil eder.
SourceCodeEffect
Taslak spesifikasyonun bazı bölümlerini web-animations-next polyfill aracılığıyla kullanıyorsanız desteği sonlandırılma süresi içinde kodunuzu bu yeni adları yansıtacak şekilde güncellemeniz gerekir. Polifill değişiklikleri politikası uyarınca, eski bir sürümü üç ay boyunca desteklemeyi ve sitenizde desteği sonlandırılmış özellikler veya adlar kullanılıyorsa konsol uyarı beyanları sunmayı hedefliyoruz.
Bu özellikleri denemek istiyorsanız bu yeni adlardan yararlanmak için polyfill'in v2 sürümünü bekleyin. Son olarak, diğer değişikliklerden haberdar olmak için web-animations-changes grubuna abone olun.