MotionLang

循环与氛围 · 一直在重复

液态路径形变Liquid path morph

几个装饰形状一直在缓慢地变形:边缘一点点鼓起来又凹下去,像有弹性的液体,几秒一个来回,永不停止。形状的位置和大小都没变,变的是轮廓本身。

在工具里打开这条

什么时候用它

背景装饰、品牌图形、分隔形状、加载占位用它;有信息含义的图形(图标、图表)别用 —— 形状在动,用户就读不出它是什么了。

参数

interpolate <path> d between two vertex sets · same vertex count required · 3–6s easeInOutSine · alternate, infinite

配方

  1. 液态路径形变 → 6s
  2. 条件 interpolate <path> d between two vertex sets
  3. 液态路径形变 → same vertex count required · 3–6s easeInOutSine · alternate, infinite

给 AI 的一句话

让这几个装饰形状无限形变:准备两组顶点数相同的 <path> 坐标,逐顶点在它们之间插值,每帧把结果写回 d 属性;3 到 6 秒一个来回、easeInOutSine、alternate 无限循环。顶点数必须一致,否则会跳。不要动形状的位置和尺寸。

同类的其他动效