首屏動效五選一

五種都是單一檔案。挑一種,把那支複製成網站目錄底下的 hero.js。前四種零依賴且改得動,第五種是移植過來的流體求解器,只調參數。

流體漸層 flow-gradient.js 色塊互相疊加後模糊,整片緩慢流動。最省效能,也最搶眼。適合深色底、賣東西或接案的版面。
粒子場 particle-field.js 稀疏的點漂移並連線,滑鼠經過會推開。技術感重,密度預設壓得很低,不要調高。
噪聲線條 noise-lines.js 一疊橫線緩緩起伏,像等高線。最安靜的一種,深淺底都吃得住,適合克制的版面。
幾何緩動 geo-drift.js 幾個大型線稿圖形極慢地漂移旋轉。像一張會呼吸的海報,適合作品優先的版面。
流體墨彩 fluid-ink.js 游標經過會攪動,點一下會潑灑,沒人動的時候自己流。最有存在感,也最重, 是唯一一支不建議去讀內容的。移植自 Pavel Dobryakov 的 WebGL-Fluid-Simulation,MIT。