Новый движок веб-анимации в Blink управляет CSS-анимацией и переходами

Alex Danilo

Пользователи ожидают плавной анимации со скоростью 60 кадров в секунду в современных пользовательских интерфейсах для нескольких устройств. Достижение такого уровня производительности с помощью современных примитивов веб-анимации может оказаться затруднительным. К счастью, мы работаем над новой реализацией анимации Blink, которая только что появилась в Chrome Canary!

Что интересно в этом, так это то, что оно упрощает внутреннюю структуру Blink и закладывает основу для включения новых функций API из спецификации Web Animations 1.0 .

До сих пор CSS-анимация и CSS-переходы были отдельными реализациями, написанными независимо и не обязательно хорошо сочетавшимися друг с другом. В течение последних нескольких лет разработчики браузеров вместе работали над моделью анимации следующего поколения с поддержкой таких вещей, как синхронизация, последовательное выполнение анимации, поиск произвольных точек во времени анимации , возможность изменения скорости анимации, реверс и многое другое. .] Эти усилия привели к созданию спецификации W3C Web Animations 1.0 .

Первым шагом команды Blink по распространению веб-анимации в мире является замена существующей реализации Blink CSS Animations/Transitions C++ на движок веб-анимации. Достигнув этой вехи сейчас, мы хотели бы, чтобы как можно больше разработчиков проверяли, что ничего не сломано, и, что более важно, следили за ходом реализации и давали нам отзывы о том, что хорошо/плохо или, возможно, нужно изменить.

Следующим шагом будет реализация API, который позволит вам создавать, изменять и запрашивать анимацию из JavaScript. API разработан для обеспечения эффективной работы анимации (с использованием декларативной семантики, поэтому JavaScript управляет созданием анимации, но передает управление браузеру), в то же время предоставляя полный контроль над анимацией разработчику JavaScript.

Мы ждем активных отзывов о предлагаемом API, чтобы убедиться, что мы не упустили ни одной функции, необходимой для мощного управления анимацией. Как и в случае с любой новой функцией, спецификация будет продолжать меняться, поэтому сейчас самое время высказать свое мнение — в идеале, подписавшись на список рассылки public-fx@w3.org и внося свой вклад в него (и поместив [Веб-анимации] в список тему, чтобы ее заметили).

Попробуйте новый движок, который уже используется в CSS-анимациях и переходах, и сообщайте о любых странностях в систему отслеживания ошибок Chromium , чтобы мы знали об этом.

Мы рады представить в Blink возможности анимации следующего поколения и надеемся на сотрудничество с другими разработчиками браузеров, такими как WebKit и Mozilla , которые также взяли на себя обязательство реализовать новую модель.