五種都是單一檔案。挑一種,把那支複製成網站目錄底下的 hero.js。前四種零依賴且改得動,第五種是移植過來的流體求解器,只調參數。
flow-gradient.js
色塊互相疊加後模糊,整片緩慢流動。最省效能,也最搶眼。適合深色底、賣東西或接案的版面。particle-field.js
稀疏的點漂移並連線,滑鼠經過會推開。技術感重,密度預設壓得很低,不要調高。noise-lines.js
一疊橫線緩緩起伏,像等高線。最安靜的一種,深淺底都吃得住,適合克制的版面。geo-drift.js
幾個大型線稿圖形極慢地漂移旋轉。像一張會呼吸的海報,適合作品優先的版面。fluid-ink.js
游標經過會攪動,點一下會潑灑,沒人動的時候自己流。最有存在感,也最重,
是唯一一支不建議去讀內容的。移植自 Pavel Dobryakov 的 WebGL-Fluid-Simulation,MIT。