使用者希望在多裝置的最新 UI 中,動畫能以 60 fps 的流暢速度播放。要透過網頁目前的動畫基本元素達到這種效能水準,可能會相當困難。幸運的是,我們正在開發新的 Blink 動畫實作功能,並已在 Chrome Canary 中推出!
這項功能的優點在於簡化 Blink 的內部結構,並為納入 Web Animations 1.0 規格的新 API 功能奠定基礎。
在此之前,CSS 動畫和 CSS 轉場是個別實作,並未整合,因此不一定能搭配使用。過去幾年,瀏覽器實作人員一直合作開發新一代動畫模型,支援同步處理、鏈結動畫以便依序執行、在動畫時間內尋找任意點,以及變更動畫速度、反轉動畫等功能。]這項努力促成了 W3C 規格「Web Animations 1.0」的形成。
Blink 團隊在推出 Web Animations 的第一步,就是將現有的 Blink CSS 動畫/轉場 C++ 實作項目,換成 Web Animations 引擎。我們已達成這個里程碑,因此希望盡可能讓開發人員檢查一切是否正常運作,更重要的是,密切留意實作作業,並提供意見回饋,指出哪些內容是好的/不好的,或可能需要變更。
接下來,我們將實作 API,讓您透過 JavaScript 建立、修改及查詢動畫。這個 API 的設計目的是讓動畫能以高效率執行 (透過使用宣告式語意,讓 JavaScript 管理動畫建立作業,但將控制權交給瀏覽器),同時仍向 JavaScript 開發人員提供完整的動畫控制項。
我們希望能針對建議的 API 提供積極的意見回饋,確保我們不會遺漏任何強大動畫控制功能所需的功能。如同任何新功能,規格也會持續變更,因此現在是時候讓您的聲音被聽見了 - 建議您訂閱並參與 public-fx@w3.org 的電子郵件清單 (並在主旨行中加上「[Web Animations]」,以便引起注意)。
請試用目前已支援 CSS 動畫和轉場效果的新引擎,並將任何異常情況發布至 Chromium 錯誤追蹤器,讓我們瞭解情況。
我們很高興能為 Blink 提供新一代的動畫功能,並期待與其他瀏覽器開發人員 (例如 WebKit 和 Mozilla) 合作,因為他們也承諾要實作新模型。