像素画风吹动画：粒子、头发和植物

像素画风吹动画：粒子、头发和植物

前言

风本身看不见，像素里只能靠“带动的东西”来骗眼睛。

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