オブジェクトがパス上を移動するJavaScriptでアニメーションを作成したいと思います。このために、指定された時間のパス上のX/Y座標を返す関数が必要です。パスは、ソフトエッジのある三角形である必要があります。
アニメーションの開始時に、三角形のパスにソフト移動する必要がありますが、これはおそらく別の関数で解決できます。私にとってより重要なのは、三角形の移動のX/Y座標を返すことができる関数です。
その後、アニメーションは三角形のパス上で無限にループするはずです。
そのようなアニメーションの座標を作成するための（オンライン）ツールはありますか？
誰かがその機能を手伝ってくれますか？
sqrt（x²+y²）= 2.5 + sin（atan2（y、x）* 3）/ 5 -polar：ρ（θ）= 2.5 + sin（3θ）/5のようなものをお勧めします。これは単純な極座標系であり、円に圧縮された正弦波（1ターンあたり3周期）を追加します。
θ(t) = t // angle
ρ(t) = 2.5 + 0.2 * sin (t * 3) // radius
// of course, you can play with the parameters :-)
これらの極座標をカルテシオン座標に簡単に変換できます。
中心からパスに移動する最初のアニメーションには、もちろん追加の機能が必要になります。それでも、同じメカニズムで行うことができます-円の部分を省略します：ρ（θ）= 2.5 * sin（3θ）