To create a WebGL sphere with Three.js, we can instantiate a SphereGeometry object by defining its radius, segmentsWidth, and segmentsHeight parameters. Increasing the segmentsWidth and segmentsHeight will yield a more perfect sphere but may degrade rendering performance. Decreasing the segmentsWidth and segmentsHeight will yield a less perfect sphere and may help rendering performance.
HTML5 Canvas WebGL Sphere with Three.js
Modified on April 16th, 2013 by Eric Rowell