Deleting face of mesh

is there any way to deleting face of mesh in three.js?

raycast gives us face details. can we delete that intersection face?

I dont really know how that works. I once saw something like this:

let geometry = new THREE.BoxGeometry()
geometry.faces.splice(0, 1)

let mesh = new THREE.Mesh(geometry, new THREE.MeshNormalMaterial())

You could probably go through all vertices and find the vertices of your clicked face and splice it out

With BufferGeometry it’s actually not possible to just delete data since buffers are fixed size. Meaning you have to remove the vertices and indices if necessary and build new geometry based on your new attributes.

But can we do with geometry?

Do you want to delete a face or make it just invisible?

I want to delete face

looks like this is not working in version r125 and above.
Is there any workaround?

Since r125 old Geometry is deprecated, it is BufferGeometry to use.
See three-geometry-will-be-removed-from-core-with-r125

In the BeginnerExample of the Collection of examples from you can see how to handle the triangles.

However, there is no example of how to remove a triangle.

I have made a little example. I am not sure if it is the best way to do it.