To create a WebG cone with Three.js, we can instantiate a CylinderGeometry object by setting the top radius to zero, defining the bottom radius, the height, and the level of detail via the segmentsRadius and segmentsHeight parameters. Increasing the segmentsWidth and segmentsHeight will yield a more perfect cylinder but may degrade performance. Decreasing the segmentsWidth and segmentsHeight will yield a less perfect cone but may help performance.
HTML5 Canvas WebGL Cone with Three.js
Modified on April 18th, 2013 by Eric Rowell