My current challenge involves aligning two planes in the same (or closest possible) position.
When two planes made of different materials and colors occupy the same space, depending on the camera angle and view perspective, the front plane's opacity is not fully opaque, allowing a partial view of the back plane (specifically its triangles).
What I am attempting to create is a mesh with various zones of different colors on it.
I'm uncertain if the issue lies in blending or another aspect.
I have experimented with material.depthTest and material.depthWrite but have yet to find a solution.
Apologies for my brief explanation, as it is for a confidential project at the request of my client.
You can view an example on the threejs.org editor here