Blink 中的全新网络动画引擎可推动 CSS 动画和过渡

Alex Danilo

用户希望在现代多设备界面中获得流畅的 60 帧/秒动画。使用 Web 的当前动画基元实现这种级别的性能可能很难。幸运的是,我们正在开发一个新的 Blink 动画实现,该实现刚刚在 Chrome Canary 中发布!

令人兴奋的是,这简化了 Blink 的内部结构,并为纳入 Web Animations 1.0 规范中的新 API 功能奠定了基础。

到目前为止,CSS 动画和 CSS 过渡是单独实现的,它们是独立编写的,不一定能很好地协同发挥作用。在过去几年里,浏览器实现者一直在共同打造新一代动画模型,该模型支持同步、串联动画以按顺序运行、跳转到动画时间中的任意点,并允许动画更改速度、反向播放等。] 这项工作促成了 W3C 规范 Web Animations 1.0 的形成。

Blink 团队在向世界推出 Web 动画时,第一步是将现有的 Blink CSS 动画/转场效果 C++ 实现替换为 Web 动画引擎。现在,我们已达到该里程碑,希望尽可能多的开发者检查一切是否正常,更重要的是,密切关注实现工作,并就哪些方面做得好/不好或可能需要更改向我们提供反馈。

接下来,我们将实现一个 API,让您能够通过 JavaScript 创建、修改和查询动画。该 API 旨在让动画高效运行(通过使用声明式语义,JavaScript 管理动画的创建,但将控制权交给浏览器),同时仍向 JavaScript 开发者提供完整的动画控制。

我们希望您积极就拟议的 API 提供反馈,以确保我们没有遗漏任何强大的动画控制功能所需的功能。与任何新功能一样,规范将不断变化,因此现在是时候表达您的想法了。理想情况下,您可以订阅邮寄名单 public-fx@w3.org 并向其贡献内容(并在主题行中添加 [Web 动画],以便引起注意)。

试用目前已为 CSS 动画和转场效果提供支持的新引擎,并将任何异常情况发送到 Chromium bug 跟踪器,以便我们了解相关情况。

我们很高兴能为 Blink 引入新一代动画功能,并期待与 WebKitMozilla 等其他浏览器开发者合作,他们也已承诺实现新模型。