I'm currently working on a skydome project in three.js and here is how I am approaching it:
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 );
However, while this code successfully renders half of a sphere, it also colors the area that I intended to be open (the surface needed for the skydome). How can I troubleshoot and fix this issue?