視覺特效畫廊

由 Canvas 和 WebGL 驅動的互動式 2D 和 3D 特效。探索 114 個特效，涵蓋 10 個分類 — 純瀏覽器運行，無需安裝。

114

特效

10

分類

100%

免費

3D 特效

16

Three.js 驅動的 3D 場景、著色器和光線行進

Three.js 8000粒子螺旋星系，滑鼠視差互動

Three.js 5000粒子點雲球，滑鼠排斥打散聚合

Three.js ShaderMaterial 動態波浪海面，滑鼠產生漣漪

3D程式化地形

Three.js Simplex noise 起伏地形，四種地貌風格

Three.js 第一人稱霓虹幾何隧道穿梭

Three.js MeshPhysicalMaterial 透明玻璃水晶折射

Three.js 龍捲風形態粒子漩渦，滑鼠吸引排斥

3D懸浮立方體

Three.js PBR材質懸浮立方體，滑鼠引力互動

Three.js 第一人稱星雲穿梭飛行

3D李薩如曲線

Three.js 3D李薩如曲線粒子軌跡，參數可調

遞迴分叉的枝幹在空間中生長成三維樹，枝端點綴發光葉片並隨風搖曳。

3D 無限網格

霓虹網格地面向地平線無限延伸，網格線不斷向前滾動，充滿合成波飛馳感。

3D 光線追蹤球

全螢幕片元著色器逐像素做光線步進，即時逼近起伏球體表面並計算光照。

3D 能量護盾

菲涅爾發光球殼疊加六邊形能量紋，受擊時從撞擊點擴散出衝擊波紋。

發光圓環框住旋渦能量盤，紋理沿極座標翻騰，粒子被緩緩吸入門心。

3D 線框地球

經緯線勾勒的發光地球緩緩自轉，球面散布著不斷閃爍的節點。

粒子

15

粒子系統、群集和彩紙動畫

Canvas 粒子煙花綻放效果，可互動

螢火蟲飄散

隨機遊走光點，光暈拖尾滑鼠吸引

滑鼠碰撞粒子

粒子網格，滑鼠碰撞打散回彈聚合

星河星雲粒子，旋轉閃爍滑鼠互動

同一群粒子在圓、方、星、心與螺旋之間平滑重排，粒子數不變，只飛向新目標。

Particle Painting

Paint with particles or fluid on canvas, multiple brush effects

粒子文字打字機

文字逐字浮現，每個字都由粒子從四周飛入匯聚成形，寫完後打散重來。

一串彩色粒子追隨指標飛舞並漸漸淡出，靜止時指標自動沿曲線漫遊。

星空粒子連線，滑鼠互動繪製星座

Canvas 2D 粒子圍繞中心引力點旋轉，類似行星系統

Cosmic Collapse

Particle gravitational collapse simulation with merging, density coloring and disk formation

Multi-layer glowing soul rings from white to gold, rotating with particle drift effects

Canvas 2D 螺旋星系粒子旋轉動畫

Canvas 2D 螺旋星系粒子動畫

Canvas 2D 彩紙粒子爆炸慶祝效果

流體與物理

18

流體動力學、布料、火焰和物理模擬

2D 流體動力學模擬，滑鼠擾動互動

流體漸變背景

幾團柔和色彩像流體般緩緩湧動、交融，形成極簡高級的動態漸變背景。

Fluid particles form into text after interaction

Canvas 2D 水面波紋漣漪，點擊和滑鼠互動

用 Verlet 積分模擬懸掛的布料，隨重力垂墜，可拖曳牽動並加風。

用經典的火焰演算法逐像素生成跳動的火苗，可調強度並用滑鼠點火。

粒子煙霧升騰擴散效果

Canvas 2D 熔岩燈 blobs 融合分離效果

一團柔軟果凍在重力下彈跳、落地擠扁再回彈，通體伴隨 Q 彈顫動，可點擊戳它。

彩色細沙從上方傾瀉而下、沿斜坡滑動堆積成丘，拖動即可在任意處傾倒彩沙。

Gray-Scott 反應擴散生成珊瑚與斑點等圖靈斑紋

模擬陽光穿過水面折射，在水底投下不斷游動的網狀光斑。

用分形布朗運動噪聲疊加多層細節，逐像素生成不斷翻湧流動的體積雲。

Canvas 2D 動態雲層飄動效果

Canvas 2D 彩色氣泡物理上升模擬

彩色氣泡漂浮上升效果

Canvas 2D 水墨暈染擴散效果

光線穿過縫隙形成放射狀體積光束，可拖動光源並切換光色。

宇宙與天文

9

行星、恆星和宇宙現象的 3D 模擬

3D solar system with 8 planets orbiting, Saturn rings, planet labels and starfield

Earth-Moon System

3D Earth-Moon orbital simulation with Earth rotation, Moon orbit, moon phases and starfield

Binary Star System

3D binary star simulation with barycenter orbit, accretion stream and 3 star type presets

Three-Body Problem

N-body gravitational chaos simulation with figure-8, Lagrange, chaotic and hierarchical presets

Day-Night Earth

3D Earth day-night terminator, city lights, sun angle and axial tilt control

Eclipse Simulator

Solar and lunar eclipse 3D simulation with shadow cones, inclination and coverage detection

Earth orbit through 24 solar terms with fixed axial tilt, seasonal colors and term markers

Gravitational Wave

Spacetime grid ripples from binary inspiral, single pulse and continuous wave sources

黑洞重力透鏡

黑洞巨大的重力彎曲光線，背景星光被向外拉伸並環繞成愛因斯坦環。

光與輝光

12

霓虹、等離子體、雷射和發光能量

Bloom 泛光霓虹燈帶，顏色呼吸脈衝

經典等離子球閃電效果

Canvas 2D 經典等離子特效，色彩流動

Canvas 2D 雷射光線反射 + 粒子效果

Canvas 2D 閃電電弧效果，參數可調

透視投影把彩色紋理沿隧道無限拉伸，製造不斷向前飛入的錯覺。

一塊彩色網格被透鏡般的引力中心扭曲、拉伸、折射，波紋隨滑鼠流動。

能量脈衝環

能量光環從中心一圈圈迸發、向外擴散並漸隱，點擊可在任意處激發新脈衝。

全息投影動態紋路，掃描線疊加

透視延伸的網格泛著全息彩色微光，掃描線週期掠過，充滿科幻 HUD 質感。

顏色呼吸脈衝效果，節奏律動

動態遮罩揭示

暗場之下藏著流動的彩色圖案，游走的光圈遮罩掠過之處才把它揭示出來。

故障與復古

15

CRT、掃描線、矩陣雨和數位失真

RGB 分離、掃描線、畫面撕裂故障效果

流動的彩色畫面被數字故障撕裂：橫向切片錯位、RGB 通道分離、掃描抖動閃爍。

老電視/CRT效果

在動態畫面上疊加掃描線、RGB 螢光條、暗角與緩慢滾動的亮帶，還原老式顯像管電視的質感。

細密的掃描線覆蓋整幅畫面，一條明亮的光帶循環向下掃過，重現示波器與監控螢幕的質感，可切換配色。

Canvas 2D 駭客任務風格程式碼雨下落

彩色程式碼字元雨下落效果

兩組幾乎相同的柵格疊在一起，微小的錯位或旋轉就會干涉出不斷流動的摩爾紋，可在同心圓與直線間切換。

噪點紋理動畫

逐幀演化的程序化噪點，可在電視雪花與柔和流動的雲霧之間切換。

按亮度閾值把每列像素分段並重新排序，將畫面拉絲成不斷流動的故障藝術條紋。

一個流動的彩色場景被降採樣成粗顆粒的馬賽克方塊，可調像素塊大小。

色差/RGB偏移

把畫面的紅、綠、藍三個通道向不同方向錯位再疊加，邊緣浮現彩色重影，模擬鏡頭色差，可調偏移量。

一束白光射入三稜鏡，因不同波長折射率不同而色散，展開成彩虹光譜。

把畫面以中心為原點逐級放大並半透明疊加，形成從中心向外爆發的變焦模糊，可調強度。

動態馬賽克

流動畫面被拆成馬賽克方塊，粒度隨時間呼吸般起伏，還會輕微錯位閃爍。

流動的彩虹色帶起伏捲動，色相循環偏移，可在波浪、圓環、光束模式間切換。

分形與幾何

13

數學藝術、生成圖案和圖形

無限放大曼德博集合，切換多種絢麗配色。

朱利亞集合

隨複常數漂移不斷變形的朱利亞集分形動畫

移動種子點將空間劃分為流動的沃羅諾伊鑲嵌

調節齒輪、速度與顏色，繪製迷人的旋輪線曲線。

Canvas 2D 對稱反射幾何萬花筒

動態等高線

對演化噪聲場繪製隨時間起伏的地形等高線

細胞自動機

康威生命遊戲細胞按鄰居生滅並留下餘暉

擴散限制聚合

隨機遊走的粒子一旦碰到已有結構就粘附，逐漸長出雪花般的分形枝晶。

無數粒子沿噪聲生成的向量場流動，繪出如風或洋流般的絲狀軌跡。

律動晶格、同心波紋、流動肌理

流動漸層網格色彩效果

節點間彈簧吸引、彼此互斥，系統自動求解平衡，把雜亂連接舒展成清晰網路。

磁場視覺化

Canvas 2D 磁力線視覺化 + 粒子運動

文字特效

6

由粒子組成和動畫化的文字

輸入任意文字，成千上萬的粒子飛舞聚成字形，點擊可讓它們散開再重聚。

Fireworks explode then particles converge into text, then disperse

Confetti explodes into text, holds, then explodes again

Fireflies drift, converge into text, then disperse

Fluid particles form into text after interaction

Mouse-collided particles form text, then reform grid

自然與天氣

6

雨、雪、極光和自然氛圍

雨滴下落、水面漣漪、玻璃水珠匯聚

3D 透視雪花飄落，風力影響

Canvas 2D 漸層極光動畫，動態流動

Canvas 2D 雙縫干涉/水波疊加視覺化

波形視覺化

動態音訊波形視覺化效果

音訊視覺化

音訊頻譜視覺化動畫

東方文化

5

太極、易經、生肖和經絡視覺化

Taiji Rotation Patterns

Yin-yang symbol rotating at variable speeds, trail strobe creates moiré interference patterns

I-Ching Compass

Multi-ring compass: 64 hexagrams + 8 trigrams + 24 mountains + Taiji center

Zodiac Ecliptic

Elliptic ecliptic band with 12 zodiac signs and star connections, switchable views

Zodiac Time Dial

12 Chinese hours dial with zodiac animals, pointer tracks current time

Meridian & Acupoints

3D human body with 14 meridians and major acupoints, hover for acupoint info