Raycast selects the correct mesh but highlights unrelated meshes as well

[modithak_K]

Excellent, this line;

child.material = child.material.clone();

did the trick! I guess it’s not documented anywhere?

The next place I am stuck is applying texture to the selected faces (If I apply a color/image it applies to all the mesh part that is selected/highlighted). I have referred to below links already.

Selecting faces with Raycaster in ThreeJS with STL Loader

I am currently working on a .stl viewer using Three.js. The goal is select and calculate certain areas. For this area calculation I need to be able to select (e.g. change the color) faces. I have found something similar, but from what I have seen in my own research this only seems to be working with ready made meshes (like the cube in the example). I am looking to implement this example in my own code. It is evident that something like this has been done before, but I just can’t seem to impl…

Selecting one faceindex

A very rough solution can be like that: https://jsfiddle.net/prisoner849/8jubLsy7/ var raycaster = new THREE.Raycaster(); var mouse = new THREE.Vector2(); var intersects; var prevIndex = -1; var prevColor = new THREE.Color(); document.addEventListener("mousedown", onMouseDown, false); function onMouseDown(event){ mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1; mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1; raycaster.setFromCamera(mouse, camera); intersects = …

THREE.js obj loader with face selection

If you create the object with primitives selecting faces seems straight forward. But in my case how should I approach to tackle the problem?

My customizable objects is ALWAYS square shapes and no exceptions. So, after raycasting and highlighting the object if i do;

console.log(intersects[0].faceIndex); it returns a null. But in other samples this seems to return an index.

Should I consider anything special at modelling time (in blender) so that I can achieve face selecting?