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.
[example:svg_sandbox svg / sandbox]
[example:misc_exporter_obj exporter / obj]
[example:webgl_shaders_vector WebGL / shaders / vector]
var material = new v3d.MeshStandardMaterial({ color : 0x00cc00 });
//create a triangular geometry
var geometry = new v3d.Geometry();
geometry.vertices.push(new v3d.Vector3(-50, -50, 0));
geometry.vertices.push(new v3d.Vector3( 50, -50, 0));
geometry.vertices.push(new v3d.Vector3( 50, 50, 0));
//create a new face using vertices 0, 1, 2
var normal = new v3d.Vector3(0, 1, 0); //optional
var color = new v3d.Color(0xffaa00); //optional
var materialIndex = 0; //optional
var face = new v3d.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 v3d.Mesh(geometry, material));
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.
Vertex A index.
Vertex B index.
Vertex C index.
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)*.
Face color - for this to be used a material's [page:Material.vertexColors vertexColors] property must be set to [page:Materials v3d.FaceColors].
Array of 3 [page:Vector3 vertex normals].
Array of 3 vertex colors - for these to be used a material's [page:Material.vertexColors vertexColors] property must be set to [page:Materials v3d.VertexColors].
Material index (points to an index in the associated array of materials). Default is *0*.
Creates a new clone of the Face3 object.
Copy the parameters of another Face3 into this.
[sourceHint]