像素畫風吹動畫：粒子、頭發和植物

像素畫風吹動畫：粒子、頭發和植物

前言

風本身看不見，像素里只能靠“帶動的東西”來騙眼睛。

SLYNYRD 這篇Pixelblog 33給了一套很實用的工具箱：粒子、塵土、布料／頭發、以及植被動畫。

圖注：先感受“粒子軌跡”的節奏，再拆到各模塊。

第一步：粒子軌跡到塵土

粒子軌跡：最輕量，適合暗示氣流；疊落葉、碎屑、塵土立刻成立。
塵土：從地面卷起，顆粒感更重，適合土路、沙漠、干地——地球上大部分戶外場景都適用。

圖注：基礎粒子、小型煙塵、大型煙塵。

第二步：布料與頭發——用“軌跡 + 等距波”做可循環

流程四步：

1. 先簡化會被吹動的外輪廓軌跡
2. 最受風的邊緣上標流徑點
3. 沿流徑做波形曲線運動：波幅從小變大，像能量往外送；
4. 循環時，波與波之間間距相等，且每幀位移恒定

舉例：流徑點相隔 12px，每幀平移 2px，則6 幀可閉環。旗幟一列里重復多道波，就是同一規律的復制。

頭發在同樣波形上再拆綹：大形動完，再給劉海等局部加次級擺動。

小精靈上平涂往往比復雜陰影更干凈，陰影加不好會把動態噪聲放大。

圖注：重點在“等距 + 等速”才能無縫 loop。

第三步：植被——搖曳、飄落和沙沙，可單用可混搭

搖曳（Waving）：把樹冠拆多層，每層做極簡菱形路徑（例如：右上 1px → 下 1px → 左 1px 回位），各層錯相位就成片浪。大形滿意后，再在某些幀改葉團剪影做細節。

飄落（Falling）：從2×2 粒子復制一堆，沿路徑每幀 1px走；再隔幀削掉粒子上半制造翻轉感。

沙沙（Rustling）：超省事：單片葉子2～4 個姿勢來回；按風向依次觸發鄰近葉片，形成定向流動感，4 幀往往就夠一股溫和的風。

圖注：三種可疊加，風會立刻“有層次”。

結語

場景不動時，先想要不要加風，再選粒子 / 布料 / 植被哪一層最劃算。

循環動畫記得先算間距 ÷ 每幀步長 = 循環長，別畫完才發現對不上。

參考資料

https://www.slynyrd.com/blog/2021/7/16/pixelblog-33-wind-effects: https://www.slynyrd.com/blog/2021/7/16/pixelblog-33-wind-effects