Three.js画布行示例调整

Question

这很可能最好在论坛上发布，但是Three.js Google网上论坛似乎已经死了，我不知道其他任何人在此道歉。 随时让我知道发布更一般性问题的更好的地方。

我很好奇一个例子： http : //threejs.org/examples/#canvas_lines填充了一个立方体的空间而不是一个球体？ 是否有一个简单的方法可以解决此问题，或者需要进行很多更改？

Answer 1

替换此代码：

particle.position.x = Math.random() * 2 - 1;
particle.position.y = Math.random() * 2 - 1;
particle.position.z = Math.random() * 2 - 1;
particle.position.normalize();
particle.position.multiplyScalar( Math.random() * 10 + 450 );

有了这个：

particle.position.x = Math.random() * 500 - 250;
particle.position.y = Math.random() * 500 - 250;
particle.position.z = Math.random() * 500 - 250;

此代码将点放置在框的边缘：

particle.position.x = Math.random() * 2 - 1;
particle.position.y = Math.random() * 2 - 1;
particle.position.z = Math.random() * 2 - 1;
particle.position.normalize();
particle.position.multiplyScalar( 500 );
particle.position.clamp(
    new THREE.Vector3( -250, -250, -250 ),
    new THREE.Vector3(  250,  250,  250 )
);