Set by [page:.fromGeometry]().

</div>

Allows for vertices to be re-used across multiple triangles; this is called using "indexed triangles," and works much the same as it does in [page:Geometry]: each triangle is associated with the index of three vertices. This attribute therefore stores the index of each vertex for each triangular face.

If this attribute is not set, the [page:WebGLRenderer renderer] assumes that each three contiguous positions represent a single triangle.

<h3>[method:null computeVertexNormals]( [page:Boolean areaWeighted] )</h3>

<div>

</div>

<div>

Computes vertex normals by averaging face normals.<br />

[example:webgl_interactive_raycasting_points Raycasting to Points],

[example:webgl_geometry_terrain_raycast Terrain raycasting],

[example:webgl_octree_raycasting Raycasting using an octree],

<div>

[page:Integer faceIndex] – index of the intersected face<br />

[page:Array indices] – indices of vertices comprising the intersected face<br />

[page:Object3D object] – the intersected object

</p>

<p>

When intersecting a [page:Mesh] with a [page:BufferGeometry], the *faceIndex* will be *undefined*, and *indices* will be set; when intersecting a [page:Mesh] with a [page:Geometry], *indices* will be *undefined*.

<div class="desc">This is the [page:BufferGeometry] port of [page:BoxGeometry].</div>

<h2>Example</h2>

<h2>Constructor</h2>

<h3>[name]([page:Float width], [page:Float height], [page:Float depth], [page:Integer widthSegments], [page:Integer heightSegments], [page:Integer depthSegments])</h3>

<div>

width — Width of the sides on the X axis.<br />

depthSegments — Optional. Number of segmented faces along the depth of the sides. Default is 1.

</div>

<h2>Properties</h2>

<h3>.parameters</h3>

<div class="desc">BoxGeometry is the quadrilateral primitive geometry class. It is typically used for creating a cube or irregular quadrilateral of the dimensions provided with the 'width', 'height', and 'depth' constructor arguments.</div>

<h2>Example</h2>

<h2>Constructor</h2>

<h3>[name]([page:Float width], [page:Float height], [page:Float depth], [page:Integer widthSegments], [page:Integer heightSegments], [page:Integer depthSegments])</h3>

<div>

width — Width of the sides on the X axis.<br />

depthSegments — Optional. Number of segmented faces along the depth of the sides. Default is 1.

</div>

<h2>Properties</h2>

<h3>.parameters</h3>

<div class="desc">This is the [page:BufferGeometry] port of [page:CircleGeometry].</div>

<code>

var geometry = new THREE.CircleBufferGeometry( 5, 32 );

scene.add( circle );

</code>

<h2>Constructor</h2>

<h3>[name]([page:Float radius], [page:Integer segments], [page:Float thetaStart], [page:Float thetaLength])</h3>

thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete circle.

</div>

<h2>Source</h2>

[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

<div class="desc">CircleGeometry is a simple shape of Euclidean geometry. It is contructed from a number of triangular segments that are oriented around a central point and extend as far out as a given radius. It is built counter-clockwise from a start angle and a given central angle. It can also be used to create regular polygons, where the number of segments determines the number of sides.

</div>

<code>

var geometry = new THREE.CircleGeometry( 5, 32 );

scene.add( circle );

</code>

<h2>Constructor</h2>

<h3>[name]([page:Float radius], [page:Integer segments], [page:Float thetaStart], [page:Float thetaLength])</h3>

thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete circle.

</div>

<h2>Source</h2>

[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

<div class="desc">This is the [page:BufferGeometry] port of [page:ConeGeometry].</div>

<code>var geometry = new THREE.ConeBufferGeometry( 5, 20, 32 );

var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );

var cone = new THREE.Mesh( geometry, material );

scene.add( cone );

</code>

<h2>Constructor</h2>

<h3>[name]([page:Float radius], [page:Float height], [page:Integer radiusSegments], [page:Integer heightSegments], [page:Boolean openEnded], [page:Float thetaStart], [page:Float thetaLength])</h3>

<div>

radius — Radius of the cone base. Default is 20.<br />

thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete cone.

</div>

<h2>Properties</h2>

<div>

Each of the constructor parameters is accessible as a property of the same name. Any modification of these properties after instantiation does not change the geometry.

</div>

<h2>Source</h2>

[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

<div class="desc">A class for generating cone geometries</div>

<code>var geometry = new THREE.ConeGeometry( 5, 20, 32 );

var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );

var cone = new THREE.Mesh( geometry, material );

scene.add( cone );

</code>

<h2>Constructor</h2>

<h3>[name]([page:Float radius], [page:Float height], [page:Integer radiusSegments], [page:Integer heightSegments], [page:Boolean openEnded], [page:Float thetaStart], [page:Float thetaLength])</h3>

<div>

radius — Radius of the cone at the base. Default is 20.<br />

thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete cone.

</div>

<h2>Properties</h2>

<div>

Each of the constructor parameters is accessible as a property of the same name. Any modification of these properties after instantiation does not change the geometry.

</div>

<h2>Source</h2>

[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]

<div class="desc">This is the [page:BufferGeometry] port of [page:CylinderGeometry].</div>

<code>var geometry = new THREE.CylinderBufferGeometry( 5, 5, 20, 32 );

var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );

var cylinder = new THREE.Mesh( geometry, material );

scene.add( cylinder );

</code>

<h2>Constructor</h2>

<h3>[name]([page:Float radiusTop], [page:Float radiusBottom], [page:Float height], [page:Integer radiusSegments], [page:Integer heightSegments], [page:Boolean openEnded], [page:Float thetaStart], [page:Float thetaLength])</h3>

<div>

radiusTop — Radius of the cylinder at the top. Default is 20.<br />

thetaLength — The central angle, often called theta, of the circular sector. The default is 2*Pi, which makes for a complete cylinder.

</div>

<h2>Properties</h2>

<div>

Each of the constructor parameters is accessible as a property of the same name. Any modification of these properties after instantiation does not change the geometry.

</div>

<h2>Source</h2>

[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]