標籤: 動態效果 頁1
網路資源
SVGator- 好用的線上圖形化 SVG 動畫編輯工具
SVGator 是一個強大的線上 SVG 動畫編輯工具，可以在線上繪製 SVG 後匯出，也可以上傳已經畫好的 SVG 圖片後製作動畫，動畫都是圖形化介面很方便，可以不用寫 code 就能製作動畫。
網路資源
vivus.js- 處理 SVG stroke Animation 的套件
vivus.js 是一個處理 SVG stroke Animation 的套件，可以選擇用 delayer、sync 或 OneByOne 的方式來顯示線條動畫。
網路資源
p5.js- 以 canvas 為本的 javascript 動畫函式庫
p5.js 是一個可以用來製作動畫及互動效果的 javascript 函式庫，又因為是以 canvas 為基礎，所以也可以完成一些很複雜的動態效果還不至於讓頁面感覺會頓頓的。
網路資源
A-Frame- 在網頁上實現 3D/AR/VR 的套件
A-Frame 是一個在網頁上實現 3D/AR/VR 的套件，並支援 Quest, Rift, WMR, SteamVR, mobile, desktop 的裝置。
網路資源
Three.js- 功能強大的 js 3D 引擎
Three.js 是功能強大的 js 3D 引擎，可以用來做 3D 特效，也可以把 3D 模型讀入後互動，是目前主流的 js 3D 函式庫。
網路資源
Lottie.js- 把 After Effect 的動畫轉成 HTML5 動畫的好用套件
Lottie.js 是由 Airbnb 開發出來的可以直接把 After Effect 的動畫轉成 HTML5 動畫的套件。
網路資源
Animate On Scroll Library (AOS)- 依據捲動位置製作移入移出效果的套件
Animate On Scroll Library (AOS) 是一個可以根據捲動位置讓網頁上的區塊可以飛入或飛出的套件，用了這個套件可以讓使用者在瀏覽的時候有更生動的互動效果。
