# \#faces

**URL:** https://discourse.threejs.org/tag/faces/862.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Three.js face mesh mouth animation wrong when using landmarks / shader deformation](https://discourse.threejs.org/t/three-js-face-mesh-mouth-animation-wrong-when-using-landmarks-shader-deformation/90616)

<div class="topic-metadata">

**Author:** [@avishkar\_gurram](https://discourse.threejs.org/u/avishkar_gurram)\
**Replies:** 3\
**Last updated:** [March 27, 2026, 7:07pm UTC](https://discourse.threejs.org/t/three-js-face-mesh-mouth-animation-wrong-when-using-landmarks-shader-deformation/90616 "2026-03-27T19:07:30Z")

</div>

Hello, I am building a Jarvis-like AI face using Three.js. System: - Three.js rendering - Face mesh with shader - MediaPipe landmarks for face tracking - Animation loop for face movement - WebSocket events from ba…

---

## [How to implement editable faces with push/pull behavior like SketchUp or Coohom in Three.js?](https://discourse.threejs.org/t/how-to-implement-editable-faces-with-push-pull-behavior-like-sketchup-or-coohom-in-three-js/85460)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 2\
**Last updated:** [July 24, 2025, 4:00pm UTC](https://discourse.threejs.org/t/how-to-implement-editable-faces-with-push-pull-behavior-like-sketchup-or-coohom-in-three-js/85460 "2025-07-24T16:00:30Z")

</div>

Hi everyone, I’m trying to implement a feature in Three.js similar to the Push/Pull tool in SketchUp (or the face extrusion tool in Coohom), where a user can click on a face of a 3D box, see a draggable arrow appear, an…

---

## [Merge or group the triangles of model which have close normal and compute edge](https://discourse.threejs.org/t/merge-or-group-the-triangles-of-model-which-have-close-normal-and-compute-edge/51717)

<div class="topic-metadata">

**Author:** [@carson](https://discourse.threejs.org/u/carson)\
**Replies:** 3\
**Last updated:** [September 12, 2024, 3:15pm UTC](https://discourse.threejs.org/t/merge-or-group-the-triangles-of-model-which-have-close-normal-and-compute-edge/51717 "2024-09-12T15:15:43Z")

</div>

Hi guys,I wanna handle the model geometry in order to select the region of irregular Polygons. In other application like blender and visiual component, they can merge faces and compute edge. So I can select the region i…

---

## [Correct way to iterate over all faces of an object?](https://discourse.threejs.org/t/correct-way-to-iterate-over-all-faces-of-an-object/68314)

<div class="topic-metadata">

**Author:** [@naruto](https://discourse.threejs.org/u/naruto)\
**Replies:** 3\
**Last updated:** [July 18, 2024, 11:30pm UTC](https://discourse.threejs.org/t/correct-way-to-iterate-over-all-faces-of-an-object/68314 "2024-07-18T23:30:10Z")

</div>

Hello. I’m very new to this technology, so I would appreciate patience. I’m not sure how to obtain positions and info of every face of a given mesh. I can obtain individual vertices through geometry.attributes.position.…

---

## [How can I get a group of triangles that comprise a cube face?](https://discourse.threejs.org/t/how-can-i-get-a-group-of-triangles-that-comprise-a-cube-face/67997)

<div class="topic-metadata">

**Author:** [@casamigos17](https://discourse.threejs.org/u/casamigos17)\
**Replies:** 4\
**Last updated:** [July 10, 2024, 11:16pm UTC](https://discourse.threejs.org/t/how-can-i-get-a-group-of-triangles-that-comprise-a-cube-face/67997 "2024-07-10T23:16:39Z")

</div>

I’m trying to get the triangles that create a cube mesh face. This is what I tried: The box geometry mesh turns to have a groups array of 6 items. I assumed that since a cube has 6 faces, each of this objects was stor…

---

## [Point projection onto rectangular mesh](https://discourse.threejs.org/t/point-projection-onto-rectangular-mesh/66349)

<div class="topic-metadata">

**Author:** [@moxx1234](https://discourse.threejs.org/u/moxx1234)\
**Replies:** 2\
**Last updated:** [June 4, 2024, 7:36am UTC](https://discourse.threejs.org/t/point-projection-onto-rectangular-mesh/66349 "2024-06-04T07:36:39Z")

</div>

Hello everyone! I’m trying to project points on the meshes with rectangular bufferGeometry const { width, height } = this.size const vertices = new Float32Array(\[ -width / 2, 0, 0, -width / 2, height, 0, wid…

---

## [How to get all faces of cube in newest version?](https://discourse.threejs.org/t/how-to-get-all-faces-of-cube-in-newest-version/59862)

<div class="topic-metadata">

**Author:** [@hunghaui2310](https://discourse.threejs.org/u/hunghaui2310)\
**Replies:** 1\
**Last updated:** [January 2, 2024, 11:30am UTC](https://discourse.threejs.org/t/how-to-get-all-faces-of-cube-in-newest-version/59862 "2024-01-02T11:30:30Z")

</div>

When I get all faces from BoxGeometry, it’s seem deprecated in the newest version. I means, faces is undefined in this case: const geometry = new THREE.BoxGeometry( 1, 1, 1 ); const mesh = new THREE.Mesh( geometry, new…

---

## [Fliped face orientation while fliping object](https://discourse.threejs.org/t/fliped-face-orientation-while-fliping-object/58519)

<div class="topic-metadata">

**Author:** [@Kacper\_Domanski](https://discourse.threejs.org/u/Kacper_Domanski)\
**Replies:** 1\
**Last updated:** [November 24, 2023, 7:38am UTC](https://discourse.threejs.org/t/fliped-face-orientation-while-fliping-object/58519 "2023-11-24T07:38:52Z")

</div>

Hello, I’m trying to do “mirror effect”, but i want to keep normals. Any ideas how i could do this? Here’s my code (React): useEffect(() =\> { const container: any = sceneRef.current!; scene.background = new THRE…

---

## [How to get the quaternion of a specific face of a Box geometry?](https://discourse.threejs.org/t/how-to-get-the-quaternion-of-a-specific-face-of-a-box-geometry/57020)

<div class="topic-metadata">

**Author:** [@CosmicFantasy](https://discourse.threejs.org/u/CosmicFantasy)\
**Replies:** 3\
**Last updated:** [October 15, 2023, 7:16am UTC](https://discourse.threejs.org/t/how-to-get-the-quaternion-of-a-specific-face-of-a-box-geometry/57020 "2023-10-15T07:16:51Z")

</div>

I am using the raycaster to get the Object3D I am clicking on. The first object is the closest Object3D where I clicked. If I look in the intersection data, I see there is a “face” key and a “faceIndex” key. The quest…

---

## [select multiple faces around raycaster face, but under complex geometric conditions, the program runs for too long or even gets stuck](https://discourse.threejs.org/t/select-multiple-faces-around-raycaster-face-but-under-complex-geometric-conditions-the-program-runs-for-too-long-or-even-gets-stuck/51899)

<div class="topic-metadata">

**Author:** [@carson](https://discourse.threejs.org/u/carson)\
**Replies:** 4\
**Last updated:** [May 29, 2023, 1:14am UTC](https://discourse.threejs.org/t/select-multiple-faces-around-raycaster-face-but-under-complex-geometric-conditions-the-program-runs-for-too-long-or-even-gets-stuck/51899 "2023-05-29T01:14:10Z")

</div>

Hi guys,I write a case that show multiple faces around raycaster face according to normal and shared Vertex, but the function cost too long time especially in complex situations. I wanna share my case and …

---

## [How to apply scale?](https://discourse.threejs.org/t/how-to-apply-scale/48788)

<div class="topic-metadata">

**Author:** [@goout](https://discourse.threejs.org/u/goout)\
**Replies:** 1\
**Last updated:** [March 7, 2023, 12:14pm UTC](https://discourse.threejs.org/t/how-to-apply-scale/48788 "2023-03-07T12:14:23Z")

</div>

Hi there! I am stuck with some AR issues on iOS. So, for some reasons in our project we use scale x -1 for flipping geometry. And that geometry loses facade faces in ‘quick look ar’ app on iOS. Scale x -1 is flipping no…

---

## [Can't find the face3 addon](https://discourse.threejs.org/t/cant-find-the-face3-addon/48574)

<div class="topic-metadata">

**Author:** [@hermann](https://discourse.threejs.org/u/hermann)\
**Replies:** 15\
**Last updated:** [March 1, 2023, 3:33pm UTC](https://discourse.threejs.org/t/cant-find-the-face3-addon/48574 "2023-03-01T15:33:56Z")

</div>

I am trying to move to a new version of threejs. Apparently, face3 is deprecated and is now manually added. So I need to add, face3 support in the import. So I found it here: https://threejs.org/docs/#examples/en/mat…

---

## [How to get the normal of a face/triangle? (BufferGeometry)](https://discourse.threejs.org/t/how-to-get-the-normal-of-a-face-triangle-buffergeometry/23768)

<div class="topic-metadata">

**Author:** [@prominent](https://discourse.threejs.org/u/prominent)\
**Replies:** 16\
**Last updated:** [September 27, 2022, 6:30pm UTC](https://discourse.threejs.org/t/how-to-get-the-normal-of-a-face-triangle-buffergeometry/23768 "2022-09-27T18:30:07Z")

</div>

I am migrating my geometry to buffergeometry, but I have came to something preventing me to make progress. I can’t find a way to retrieve the normal of a triangle/face. I need to determine the direction a polygon is poin…

---

## [How To Make Plane Object Face's Texture Reversed?](https://discourse.threejs.org/t/how-to-make-plane-object-faces-texture-reversed/42527)

<div class="topic-metadata">

**Author:** [@mlelyakan](https://discourse.threejs.org/u/mlelyakan)\
**Replies:** 2\
**Last updated:** [September 14, 2022, 7:30am UTC](https://discourse.threejs.org/t/how-to-make-plane-object-faces-texture-reversed/42527 "2022-09-14T07:30:18Z")

</div>

Hi Experts, I would like to make double sided a flag plane object. But I need to make one side reversed. Is it possible to rotate plane object’s one face? I’m using the following code to make rotation. But faces are mix…

---

## [As the parser in the GLTF loader works asynchronously, I created a promise? What do I do now? It is still not functioning properly](https://discourse.threejs.org/t/as-the-parser-in-the-gltf-loader-works-asynchronously-i-created-a-promise-what-do-i-do-now-it-is-still-not-functioning-properly/39530)

<div class="topic-metadata">

**Author:** [@Aditya\_Das](https://discourse.threejs.org/u/Aditya_Das)\
**Replies:** 1\
**Last updated:** [June 22, 2022, 2:48pm UTC](https://discourse.threejs.org/t/as-the-parser-in-the-gltf-loader-works-asynchronously-i-created-a-promise-what-do-i-do-now-it-is-still-not-functioning-properly/39530 "2022-06-22T14:48:10Z")

</div>

I have a function that needs to be executed. I used the GLTF parser to retrieve the vertices and faces. However it does not execute in the right time. This is the function that I currently have. public parseGltfBlobs(to…

---

## [Get the face center position](https://discourse.threejs.org/t/get-the-face-center-position/36934)

<div class="topic-metadata">

**Author:** [@Hi\_Lamb](https://discourse.threejs.org/u/Hi_Lamb)\
**Replies:** 13\
**Last updated:** [April 11, 2022, 8:12am UTC](https://discourse.threejs.org/t/get-the-face-center-position/36934 "2022-04-11T08:12:06Z")

</div>

Hi I have a glb model so i need the center position of faceIndex. So how can I do that like how can i get the center position

---

## [Face,Point,Object from gltf model](https://discourse.threejs.org/t/face-point-object-from-gltf-model/36501)

<div class="topic-metadata">

**Author:** [@Hi\_Lamb](https://discourse.threejs.org/u/Hi_Lamb)\
**Replies:** 4\
**Last updated:** [March 29, 2022, 5:47pm UTC](https://discourse.threejs.org/t/face-point-object-from-gltf-model/36501 "2022-03-29T17:47:28Z")

</div>

Hi , I want to know that how we can get the properties of face ,point ,object from gltf model. Seems like there is no example existing .Need help thanks

---

## [Don't render updated colors when geometry.ToNonIndex()](https://discourse.threejs.org/t/dont-render-updated-colors-when-geometry-tononindex/30351)

<div class="topic-metadata">

**Author:** [@Sofmal](https://discourse.threejs.org/u/Sofmal)\
**Replies:** 10\
**Last updated:** [October 4, 2021, 4:04pm UTC](https://discourse.threejs.org/t/dont-render-updated-colors-when-geometry-tononindex/30351 "2021-10-04T16:04:40Z")

</div>

Im trying to apply a color map on a geometry. I have a simpe box (see image). It is triangulated so I expect 12 faces, 36 verticies and 108 positions and 108 colors values. The original color is green. I want it to be pu…

---

## [How to disable color interpolation when using vertexColors?](https://discourse.threejs.org/t/how-to-disable-color-interpolation-when-using-vertexcolors/29006)

<div class="topic-metadata">

**Author:** [@WillemSleegers](https://discourse.threejs.org/u/WillemSleegers)\
**Replies:** 12\
**Last updated:** [August 21, 2021, 7:27am UTC](https://discourse.threejs.org/t/how-to-disable-color-interpolation-when-using-vertexcolors/29006 "2021-08-21T07:27:29Z")

</div>

Hi everyone, I am trying my hand at some procedural terrain generation and I succeeded in creating a terrain, but I want each face of my plane to have its own color, in order to create a nice low poly look. However, in…

---

## [What are the disadvantages of using indexed faces with bufferGeometry?](https://discourse.threejs.org/t/what-are-the-disadvantages-of-using-indexed-faces-with-buffergeometry/23699)

<div class="topic-metadata">

**Author:** [@prominent](https://discourse.threejs.org/u/prominent)\
**Replies:** 7\
**Last updated:** [February 22, 2021, 5:36pm UTC](https://discourse.threejs.org/t/what-are-the-disadvantages-of-using-indexed-faces-with-buffergeometry/23699 "2021-02-22T17:36:04Z")

</div>

What are the disadvantages of using indexed faces with bufferGeometry? I understand that the indexed nature allows you to share vertices between faces, which makes the code look cleaner, but doesn’t this constrain thing…

---

## [Getting multiple face indexes by intersecting with a circle](https://discourse.threejs.org/t/getting-multiple-face-indexes-by-intersecting-with-a-circle/22583)

<div class="topic-metadata">

**Author:** [@ibrahimunal](https://discourse.threejs.org/u/ibrahimunal)\
**Replies:** 0\
**Last updated:** [January 19, 2021, 12:30pm UTC](https://discourse.threejs.org/t/getting-multiple-face-indexes-by-intersecting-with-a-circle/22583 "2021-01-19T12:30:33Z")

</div>

Hi everyone, I managed to give color to faces with raycasting. I get face indexes and update their colors. However, I am able to update them one by one. What I try to do is having a marker (circle and resizable ) around …

---

## [How can hiding faces be accomplished in Threejs? Doesn't seem to work](https://discourse.threejs.org/t/how-can-hiding-faces-be-accomplished-in-threejs-doesnt-seem-to-work/19483)

<div class="topic-metadata">

**Author:** [@Hritik\_RC](https://discourse.threejs.org/u/Hritik_RC)\
**Replies:** 2\
**Last updated:** [October 7, 2020, 7:23pm UTC](https://discourse.threejs.org/t/how-can-hiding-faces-be-accomplished-in-threejs-doesnt-seem-to-work/19483 "2020-10-07T19:23:16Z")

</div>

I am working on a project related to making a voxel world. Currently, I am working on improving the game performance, which isn’t going great. I have seen a method which basically hides the faces that can’t be seen. A pr…

---

## [Make faces transparent](https://discourse.threejs.org/t/make-faces-transparent/18306)

<div class="topic-metadata">

**Author:** [@Fluqz](https://discourse.threejs.org/u/Fluqz)\
**Replies:** 2\
**Last updated:** [September 1, 2020, 11:55am UTC](https://discourse.threejs.org/t/make-faces-transparent/18306 "2020-09-01T11:55:32Z")

</div>

Hey, i use BoxGeometry and want to make some faces transparent. Most of the stuff I found on the www was old and deprecated. Using geometry.faces\[2\].color = new THREE.Color(0xFF0FF00) did not work. I saw BoxBufferGeometr…