ループとアンビエント · ずっと繰り返す
液体のようなパス変形液态路径形变
- 常に変形
- 弾力がある
- 輪郭が流れる
いくつかの装飾図形がゆっくり変形し続けます。輪郭が少し膨らんでは凹み、弾力のある液体のようです。数秒で一往復し、止まりません。位置と大きさは変わらず、輪郭そのものが動いています。
使いどころ
背景の装飾、ブランド図形、区切り、読み込み中のプレースホルダに向きます。意味を持つ図形(アイコン、グラフ)には使わないでください。輪郭が動くと何なのか読めなくなります。
パラメータ
interpolate <path> d between two vertex sets · same vertex count required · 3–6s easeInOutSine · alternate, infinite
レシピ
液体のようなパス変形 → 6s条件 interpolate <path> d between two vertex sets液体のようなパス変形 → same vertex count required · 3–6s easeInOutSine · alternate, infinite
AI に渡す一文
これらの装飾図形を無限に変形させてください。頂点数が同じ2 組の <path> 座標を用意し、頂点ごとに補間して毎フレーム d 属性へ書き戻します。3〜6 秒で一往復、easeInOutSine、alternate で無限ループ。頂点数が違うと飛びます。図形の位置と大きさは変えないでください。