我正在尝试使用布朗运动来创建一组随机移动的粒子。http://jsfiddle.net/J75Em/16/
到目前为止,我已经让粒子随机移动了,但我不确定如何设置前向方向以使其看起来更自然。
我尝试使用x和y轴的变化来计算旋转,使用atan函数,你可以通过取消注释rotate来查看这个尝试,但这似乎表现得不好。
这种方法对于这种类型的运动来说是否正确?谢谢;
回答:
这非常有趣!
你的方法基本上是正确的,但你实际上应该使用atan2函数。这消除了对任何0值检查的需要。
atan2函数给你一个从正x向量逆时针方向的角度
(1, 0) —>
蜜蜂与这个起始角度相差90度,所以你必须从方向中减去90度。(根据你如何计算dy和dx,你可能需要加上)
你可能会发现方向变化很快,所以你可以考虑将下一次变化限制在一个导致角度变化低于某个阈值的变化集合中。这将使运动更加平滑。
我会通过生成一个介于-pi/8和pi/8弧度之间的角度和一个随机长度来处理这个问题。基本上使用极坐标。然后将这个新的随机极坐标偏移添加到x和y位置上,如下所示
newX = currentX + (randomLength * cos(randomAngle + currentAngle)) and newY = currentY + (randomLength * sin(randomAngle + currentAngle))
如果你使用角度,你还可以得到更自然的效果,比如如果你想让蜜蜂保持在某个区域内,当它们越来越靠近边缘时,你可以强制它们偏向区域的中心。
更新:
所以我仔细看了一下。问题在于你期望.rotate设置旋转时,它实际上是增加旋转
有两种选项可以解决这个问题。
-
通过前一个角度和当前角度的差异来旋转
-
使用.transform方法设置旋转
你可以在这里看到第二种解决方案的实际操作 http://jsfiddle.net/c5A2A/