在three.js中绘制球面的一半的问题

Question

我正在three.js中创建一个天穹，如下所示：

var geometry = new THREE.SphereGeometry( 40, 32, 15, 1*Math.PI/2, 2*Math.PI, Math.PI, Math.PI);
var material = new THREE.MeshBasicMaterial( { color: 0xddddff } );
mesh = new THREE.Mesh( geometry, material );
mesh.material.side = THREE.DoubleSide;
scene.add( mesh );

这的确画了半个球体，但它也给我希望打开的部分涂上了颜色(它给我需要天穹的网面涂上颜色)。我该如何解决这个问题？

Answer 1

我没有正确地绘制球体：

var geometry = new THREE.SphereGeometry( 50, 60, 60, Math.PI, Math.PI, 3*Math.PI/2);
var material = new THREE.MeshBasicMaterial( { color: 0xddddff } );
mesh = new THREE.Mesh( geometry, material );
mesh.material.side = THREE.DoubleSide;
scene.add( mesh );

Answer 2

1. 问题是，即使你画了半个球，我怀疑它是否会正确地放置超视距，所以我非常建议你使用自定义网格制作你自己的天穹。
2. 对于天穹，您可以使用mesh.material.side = THREE.BackSide，而不是.DoubleSide，顺便说一句，除非您始终停留在地面上。