我想在 javascript 中制作一个对象在路径上移动的动画。为此，我需要一个函数来返回给定时间路径上的 X/Y 坐标。路径应该是一个带有软边的三角形。
在动画开始时，它应该软移动到三角形路径中 - 但我可以在不同的函数中解决这个问题.. 对我来说更重要的是可以返回三角形移动的 X/Y 坐标的函数。
然后动画应该在三角形路径上无限循环。
是否有（在线）工具可以为此类动画创建坐标？
有人可以帮我完成这个功能吗？
Benjamin Beck
问问题
686 次
1 回答
1
我推荐类似sqrt(x²+y²)=2.5+sin(atan2(y,x)*3)/5 - polar: ρ(θ)=2.5+sin(3θ)/5 之类的东西。这是一个简单的极坐标系，并在一个圆上添加一个压缩正弦波（每圈 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θ)
于 2012-09-27T23:19:25.807 回答