ThreeJS曲线流动画

时间:2014-07-27 22:26:20

标签: path three.js curve

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

1 个答案:

答案 0 :(得分:2)

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

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

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

相关问题