Theatre.js

具視覺化編輯器,可調整時間與序列的網頁動畫工具箱。

前往 Theatre.js 官方網站

簡介

Theatre.js 是網頁動畫工具箱,提供視覺化介面調整動畫數值與序列。

為何收錄

開發者想保留網頁實作方式,同時需要以視覺方式掌握時間節奏時,它是一個實用選擇。

適合的工作

製作有意圖網頁動態的創意開發者與前端團隊。

可以怎麼用

  • 調整互動場景的時間節奏
  • 與設計師共同檢視動態序列
  • 在網頁專案中製作動態原型

Lottie Creator

用於建立與調整 Lottie 動畫素材的 LottieFiles 編輯環境。

  • lottie
  • animation
  • editor

動態

cubic-bezier.com

拖曳控制點調整緩動曲線,對照動畫預覽,再讀取 cubic-bezier() 數值用於 CSS 動態。

  • css
  • easing
  • animation

動態

Animaker

用角色與動畫場景製作解說影片。

  • animation
  • characters

動態