用three.js创建粒子动画

Question

我是个新手，我用three.js创建了一个简单的粒子应用程序，但粒子的流动是从中心移动的。我想把粒子移动到附件截图中所示的位置（从右上角到左下角）。https:/jseditor.io?key=ee98d51a9b4111eab74e00224d6bfcd5。.任何参考将是非常有用的。谢谢你。

Answer 1

你的 updateParticles 函数只改变了粒子的 Z 位置。

particle.position.z +=  mouseY * 0.1;
if(particle.position.z>1000) particle.position.z-=2000; 

如果你想在垂直和水平方向移动它们 你就必须更新x和y的位置了

particle.position.x -=  mouseY * 0.1;
particle.position.y -=  mouseY * 0.1;
if(particle.position.x<-500) particle.position.x+=1000;
if(particle.position.y<-500) particle.position.y+=1000;

我不知道你的场景的大小，所以你可能需要相应地调整这些数字。