ThreeJS曲线流动画

Question

我是新来的，所以请原谅我，如果我没有给出足够详细的东西，但是......我正试图制作一种弯曲的溪流，就像喷泉里的水一样，只有比连续流更明显的颗粒。我承认，我不知道从哪里开始，因为关于threejs.org的文档似乎不完整。基本上我想让粒子从一个点射出并向下弯曲到另一个点。我想我可以使用CurvePath或类似的东西，因为（据我所知）我可以指定一个带有荒谬点数的曲线（有没有办法通过指定起点和终点，旋转和从中心到顶点的距离？）然后我假设有一种直截了当的方式让一些东西沿着路径移动。

Answer 1

如果您想要沿路径移动的对象数量有限，我会采用的方式是

• 如你所说，创建一个曲线（查看Curve subclasses找一个适合你的曲线）
• 使用类似Tween.js或jQuery的内容来执行从0到1的easing函数
• 将缓动值传递给Curve.getPoint(distance)以获得路径上的位置
• 在此点添加一些随机性以产生流效果

或者，使用一种物理粒子引擎，如http://stemkoski.github.io/Three.js/Particle-Engine.html