1

我正在使用以下代码为 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

}
4

1 回答 1

4

首先，我认为您应该更新顶点，而不是用新实例替换它们：

particleSystem.geometry.vertices[i].set( pX, pY, pZ );

然后，您可能还必须告诉 Three.js 顶点已更改：

particleSystem.geometry.verticesNeedUpdate = true;

这些都应该在update()

于 2013-10-12T13:56:04.527 回答