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

Question

我正在Three.js中创建一个skydome，如下所示：

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

1. 事实是，即使您绘制半个球体，我也怀疑它会正确放置UV，因此，我强烈建议您使用自定义网格制作自己的天穹。

2. 对于天穹，可以使用mesh.material.side = THREE.BackSide而不是.DoubleSide，顺便说一句，除非您一直呆在地面上。

Answer 2

我没有正确绘制球体：

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