Three.js画布线示例调整

时间:2014-05-07 14:20:44

标签: javascript canvas three.js

这最有可能在论坛上发布得更好,但是Three.js谷歌集团似乎已经死了,我不知道任何其他人提前道歉。请随时告诉我一个发布更多通用问题的更好地方。

我很好奇如何制作这个例子:http://threejs.org/examples/#canvas_lines填充立方体的空间而不是球体?使用这个例子有一个简单的方法可以解决这个问题,还是需要进行大量更改?

1 个答案:

答案 0 :(得分:0)

替换此代码:

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 )
);