在三个JS中设置粒子系统的动画
在三个JS中设置粒子系统的动画
提问于 2013-10-12 07:35:31
我正在使用下面的代码在Three.js中为粒子系统中的一些粒子设置动画。
for(var i = 0; i < particleSystem.geometry.vertices.length; i++ ){
var pX = Math.sin(i + counter) * 100 + Math.random() * 20,
pY = Math.cos(i + counter) * 100 + Math.random() * 20,
pZ = Math.sin(i + counter) * 100 + Math.random() * 20;
particleSystem.geometry.vertices[i] = new THREE.Vector3(pX, pY, pZ);
}它通过更改粒子的顶点来工作。它可以很好地更改它们，没有错误，但没有更新。我可以四处走动，所有其他的动画都工作得很好。这是在我的animate()函数中，如下所示：
function animate(){
for(var i = 0; i < particleSystem.geometry.vertices.length; i++ ){
var pX = Math.sin(i + counter) * 100 + Math.random() * 20,
pY = Math.cos(i + counter) * 100 + Math.random() * 20,
pZ = Math.sin(i + counter) * 100 + Math.random() * 20;
particleSystem.geometry.vertices[i] = new THREE.Vector3(pX, pY, pZ);
}
counter += 1;
requestAnimationFrame(animate); // So it stops when you change window and otherwise repeats
renderer.render(scene,camera); // Render
controls.update(clock.getDelta()); // Update control/camera movement information
}回答 1
Stack Overflow用户
发布于 2013-10-12 13:56:05
首先，我认为你应该更新顶点，而不是用新的实例替换它们：
particleSystem.geometry.vertices[i].set( pX, pY, pZ );然后，您可能还必须告诉Three.js顶点已更改：
particleSystem.geometry.verticesNeedUpdate = true;这些操作应在update()期间完成
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19331734
复制相关文章
点击加载更多
相似问题
在对代码进行更改后诊断NullPointerException
更新后的代码没有显示在React本机模拟器中
(java)在对文件进行更改后如何更新BufferedReader
css文件在对scss文件进行更改后未显示更改
是否在对象更改后更新ngFor？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
