像素画风吹动画：粒子、头发和植物
前言
风本身看不见，像素里只能靠“带动的东西”来骗眼睛。
SLYNYRD 这篇Pixelblog 33给了一套很实用的工具箱：粒子、尘土、布料／头发、以及植被动画。
图注：先感受“粒子轨迹”的节奏，再拆到各模块。
粒子轨迹：最轻量，适合暗示气流；叠落叶、碎屑、尘土立刻成立。
尘土：从地面卷起，颗粒感更重，适合土路、沙漠、干地——地球上大部分户外场景都适用。
图注：基础粒子、小型烟尘、大型烟尘。
第二步：布料与头发——用“轨迹 + 等距波”做可循环
流程四步：
- 先简化会被吹动的外轮廓轨迹
- 最受风的边缘上标流径点
- 沿流径做波形曲线运动：波幅从小变大，像能量往外送；
- 循环时，波与波之间间距相等，且每帧位移恒定
举例：流径点相隔 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
热门跟贴