title: A halfsphere in Three.js
body: <p>I'm following the advice in <em><a href="https://stackoverflow.com/questions/12425014/create-a-concave-halfsphere-with-three-js">Create a concave halfsphere with Three.js</a></em> to create a halfsphere in Three.js that I plan on mapping some fisheye video to. An example (with lens cap on) <a href="http://video-processing.s3.amazonaws.com/2016_0822_153754_015A.MP4" rel="nofollow noreferrer">is here</a>.</p>
  <p>I'm just trying to get the sphere to show first and it disappears whenever I try and turn it into a half sphere.</p>
  <p>See the code at <em><a href="http://codepen.io/bknill/pen/vXBWGv" rel="nofollow noreferrer">http://codepen.io/bknill/pen/vXBWGv</a></em>.</p>
  <pre><code>var geometry = new THREE.SphereGeometry(5000,16,16, Math.PI/2, Math.PI*2, 0, Math.PI);
  
  var material = new THREE.MeshBasicMaterial({ color: 0x2980b9});
  material.side = THREE.BackSide;
  
  var sphere = new THREE.Mesh(geometry, material);
  
  scene.add(sphere);
  </code></pre>
  <p>How can I get this halfsphere to show up?</p>