展示牆/互動粒子文字

互動粒子文字

Canvas互動動畫
類別動畫與視覺效果
互動粒子文字
點擊載入互動 Demo
說明

文字由粒子聚合而成,滑鼠靠近即散開重組。

技術細節

Canvas 取樣文字像素生成粒子座標,滑鼠斥力場與回歸彈簧力即時運算。

← 上一個文字外框旋轉描邊動畫下一個 →文字粒子解構
相關元件
SVG 路徑繪製動畫

SVG 路徑繪製動畫

線條沿路徑逐段描繪,如手繪般生成圖形。

SVG動畫
查看 →
垂直視差相冊

垂直視差相冊

垂直滾動相冊以 Lerp 插值產生柔順視差,多欄圖片以不同速率漂移。

Scroll動畫RWD
查看 →
液態黏稠球體 Shader

液態黏稠球體 Shader

WebGL shader 驅動的液態球體,表面如流體般黏稠變形。

WebGLGLSL動畫
查看 →