Nutzer erwarten flüssige Animationen mit 60 fps in modernen, geräteübergreifenden Benutzeroberflächen. Mit den aktuellen Animationsprimitiven des Webs kann es schwierig sein, dieses Leistungsniveau zu erreichen. Glücklicherweise arbeiten wir an einer neuen Blink-Animationsimplementierung, die gerade in Chrome Canary veröffentlicht wurde.
Das ist besonders interessant, da dadurch die internen Funktionen von Blink vereinfacht werden und die Grundlage für die Einbeziehung neuer API-Funktionen aus der Web Animations 1.0-Spezifikation geschaffen wird.
Bisher waren CSS-Animationen und CSS-Übergänge separate, unabhängig voneinander geschriebene Implementierungen, die nicht unbedingt gut zusammen funktionierten. In den letzten Jahren haben Browserimplementierer gemeinsam an einem Animationsmodell der nächsten Generation gearbeitet, das unter anderem Synchronisierung, die Verknüpfung von Animationen zur sequenziellen Ausführung und das Springen zu beliebigen Punkten in der Animationszeit unterstützt. So können Animationen beispielsweise beschleunigt, rückwärts abgespielt und mehr werden.] Diese Bemühungen führten zur W3C-Spezifikation Web Animations 1.0.
Der erste Schritt des Blink-Teams bei der Einführung von Web Animations besteht darin, die vorhandene C++-Implementierung von Blink-CSS-Animationen/-Übergängen durch die Web Animations-Engine zu ersetzen. Nachdem wir diesen Meilenstein erreicht haben, möchten wir, dass so viele Entwickler wie möglich prüfen, ob alles funktioniert. Noch wichtiger ist es, dass Sie den Implementierungsaufwand im Auge behalten und uns Feedback dazu geben, was gut oder schlecht ist oder geändert werden muss.
Als Nächstes wird eine API implementiert, mit der Sie Animationen in JavaScript erstellen, ändern und abfragen können. Die API wurde entwickelt, um Animationen effizient auszuführen. Dazu wird deklarative Semantik verwendet, sodass JavaScript zwar Animationen erstellt, die Kontrolle aber an den Browser weitergibt. Gleichzeitig haben JavaScript-Entwickler die volle Kontrolle über die Animation.
Wir möchten aktives Feedback zur vorgeschlagenen API erhalten, damit wir sicher sein können, dass wir keine Funktionen für eine leistungsstarke Animationssteuerung übersehen haben. Wie bei jeder neuen Funktion wird sich die Spezifikation weiter ändern. Jetzt ist der richtige Zeitpunkt, um Ihre Meinung dazu mitzuteilen. Am besten abonnieren Sie die Mailingliste public-fx@w3.org und tragen Sie sich dort ein. Geben Sie in der Betreffzeile [Web Animations] an, damit Ihre Nachricht nicht übersehen wird.
Probieren Sie die neue Engine aus, die bereits für CSS-Animationen und ‑Übergänge verwendet wird, und melden Sie uns alle Probleme im Chromium-Fehler-Tracker.
Wir freuen uns, Blink um Animationsfähigkeiten der nächsten Generation zu erweitern, und freuen uns auf die Zusammenarbeit mit anderen Browserentwicklern wie WebKit und Mozilla, die sich ebenfalls zur Implementierung des neuen Modells verpflichtet haben.