[name]

Triangular face used in [page:Geometry]. These are created automatically for all standard geometry types, however if you are building a custom geometry you will have to create them manually.

Code Example


		const material = new THREE.MeshStandardMaterial( { color : 0x00cc00 } );

		//create a triangular geometry
		const geometry = new THREE.Geometry();
		geometry.vertices.push( new THREE.Vector3( -50, -50, 0 ) );
		geometry.vertices.push( new THREE.Vector3(  50, -50, 0 ) );
		geometry.vertices.push( new THREE.Vector3(  50,  50, 0 ) );

		//create a new face using vertices 0, 1, 2
		const normal = new THREE.Vector3( 0, 0, 1 ); //optional
		const color = new THREE.Color( 0xffaa00 ); //optional
		const materialIndex = 0; //optional
		const face = new THREE.Face3( 0, 1, 2, normal, color, materialIndex );

		//add the face to the geometry's faces array
		geometry.faces.push( face );

		//the face normals and vertex normals can be calculated automatically if not supplied above
		geometry.computeFaceNormals();
		geometry.computeVertexNormals();

		scene.add( new THREE.Mesh( geometry, material ) );

Examples

[example:svg_sandbox svg / sandbox ]
[example:misc_exporter_obj exporter / obj ]
[example:webgl_shaders_vector WebGL / shaders / vector ]

Constructor

[name]( [param:Integer a], [param:Integer b], [param:Integer c], [param:Vector3 normal], [param:Color color], [param:Integer materialIndex] )

a — Vertex A index.
b — Vertex B index.
c — Vertex C index.

normal — (optional) Face normal ([page:Vector3 Vector3]) or array of vertex normals. If a single vector is passed in, this sets [page:.normal], otherwise if an array of three vectors is passed in this sets [page:.vertexNormals]

color — (optional) Face [page:Color color] or array of vertex [page:Color colors]. If a single vector is passed in, this sets [page:.color], otherwise if an array of three vectors is passed in this sets [page:.vertexColors]

materialIndex — (optional) which index of an array of materials to associate with the face.

Properties

[property:Integer a]

Vertex A index.

[property:Integer b]

Vertex B index.

[property:Integer c]

Vertex C index.

[property:Vector3 normal]

Face normal - vector showing the direction of the Face3. If calculated automatically (using [page:Geometry.computeFaceNormals]), this is the normalized cross product of two edges of the triangle. Default is *(0, 0, 0)*.

[property:Color color]

Face color - for this to be used a material's [page:Material.vertexColors vertexColors] property must be set to *true*.

[property:Array vertexNormals]

Array of 3 [page:Vector3 vertex normals].

[property:Array vertexColors]

Array of 3 vertex colors - for these to be used a material's [page:Material.vertexColors vertexColors] property must be set to *true*.

[property:Integer materialIndex]

Material index (points to an index in the associated array of materials). Default is *0*.

Methods

[method:Face3 clone]()

Creates a new clone of the Face3 object.

[method:Face3 copy]( [param:Face3 face3] )

Copy the parameters of another Face3 into this.

Source

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