获取X/Y坐标的功能,用于在具有柔化边缘的三角形上移动

Question

我想在javascript中制作动画,其中对象在路径上移动.为此,我需要一个函数,在给定时间内返回路径上的X/Y坐标.路径应该是具有柔化边缘的三角形.

在动画开始时它应该软移动到三角形路径 - 但是我可以在不同的函数中解决..对我来说更重要的是能够返回三角形上移动的X/Y坐标的函数.

然后动画应该在三角形路径上循环.

是否有(在线)工具为这样的动画创建坐标？

有人可以帮我这个功能吗？

Answer 1

我推荐类似sqrt(x\xc2\xb2+y\xc2\xb2)=2.5+sin(atan2(y,x)*3)/5 - 极坐标：\xcf\x81(\xce\xb8) =2.5+sin(3\xce\xb8)/5。这是一个简单的极坐标系，并在圆上添加一个压缩的正弦波（每圈 3 个周期）：

\n\n

\xce\xb8(t) = t // angle\n\xcf\x81(t) = 2.5 + 0.2 * sin (t * 3) // radius\n// of course, you can play with the parameters :-)\n

\n\n

您可以轻松地将这些极坐标转换为笛卡尔坐标。

\n\n

一开始的动画，从中心移动到路径，当然需要一个额外的函数。然而，可以使用相同的机制来完成 - 省略圆形部分：\xcf\x81(\xce\xb8)=2.5*sin(3\xce\xb8)

\n