Apply different material on complex object for faces which point backwards (in my case)

[prisoner849]

Something related:

How to have different colors/textures on bottom and top side of a Plane?

Another option is to use .onBeforeCompile() to modify shaders of built-in materials, using gl_FrontFacing, THREE.DoubleSide and a buffer attribute for the additional set of UV coordinates for back faces of THREE.PlaneBufferGeometry(). [изображение]

Debug winding validator

The simplest option of such material: var mat = new THREE.MeshBasicMaterial({side: THREE.DoubleSide}); mat.onBeforeCompile = shader => { shader.fragmentShader = shader.fragmentShader.replace( `#include <fog_fragment>`, `#include <fog_fragment> gl_FragColor.rgb = gl_FrontFacing ? vec3(0,1,0) : vec3(1, 0, 0); ` ); }