Nowy mechanizm animacji stron internetowych w mgnieniu oka generuje animacje i przejścia CSS

Alex Danilo

Użytkownicy oczekują płynnych animacji 60 kl./s w nowoczesnym interfejsie na wielu urządzeniach. Osiągnięcie takiego poziomu wydajności przy obecnych podstawowych elementach animacji w internecie może być trudne. Na szczęście pracujemy nad nową implementacją animacji Blink, która właśnie została wprowadzona w Chrome Canary.

Świetne jest to, że upraszcza on wewnętrzne środowisko Blink i tworzy podstawy do dodania nowych funkcji interfejsu API ze specyfikacji Web Animations 1.0.

Do tej pory animacje CSS i przejścia CSS były oddzielnymi wdrożeniami, napisanymi niezależnie, więc niekoniecznie działały ze sobą dobrze. Przez kilka ostatnich lat osoby implementujące przeglądarki współpracowały nad modelem animacji nowej generacji, który umożliwiał obsługę synchronizacji, łańcuchów wyświetlanych w sekwencji oraz poszukiwania do dowolnych punktów w czasie animacji, dzięki czemu animacje mogły zmieniać szybkość i odwrotność.] Doprowadziło to do opracowania specyfikacji W3C Web Animations 1.0.

Pierwszym krokiem zespołu Blink w rozpoczęciu korzystania z animacji internetowych jest zastąpienie obecnej implementacji Blink CSS Animations/Przejście z C++ przez mechanizm animacji internetowych. Chcemy, aby po osiągnięciu tego progu jak najwięcej deweloperów sprawdziło, czy nic nie jest uszkodzone. Co ważniejsze, obserwują postępy w implementacji i dzielą się z nami opinią o tym, co jest dobre, a co wymaga zmian.

Następnym krokiem będzie implementacja interfejsu API, który umożliwia tworzenie i modyfikowanie animacji w języku JavaScript oraz przeprowadzanie do nich zapytań. Interfejs API został zaprojektowany z myślą o wydajnym działaniu animacji (za pomocą deklaratywnej semantyki, dzięki czemu JavaScript zarządza tworzeniem animacji, ale przekazuje kontrolę przeglądarce) i jednocześnie zapewnia programiście JavaScriptowi pełną kontrolę nad animacją.

Zbieramy opinie na temat proponowanego interfejsu API, aby mieć pewność, że nie przegapiliśmy żadnych funkcji potrzebnych do sprawnego sterowania animacją. Tak jak w przypadku każdej nowej funkcji, specyfikacja będzie się nadal zmieniać, więc nadszedł czas, aby wyrazić swoją opinię. Najlepiej jest zasubskrybować listę adresową public-fx@w3.org i dopisać się do niej (i umieścić [Animacje internetowe] w wierszu tematu, aby zwrócić na siebie uwagę).

Wypróbuj już nowy mechanizm, który obsługuje już animacje i przejścia w CSS, i zgłoś wszelkie dziwne błędy w narzędziu Chromium do śledzenia błędów, aby poinformować nas o tym.

Cieszymy się, że możemy udostępnić w Blink nowe funkcje animacji. Będą one współpracować z innymi deweloperami przeglądarek, takimi jak WebKit i Mozilla, którzy również zobowiązali się do wdrożenia nowego modelu.