Hi all, I’ve got a grid of tiles, which have a THREE.DoubleSide material. These tiles flip 180 degrees when clicked, showing the bottom instead of the top. Something I couldn’t figure out: Is there any way to have a different color or texture for the bottom than the top of a plane? (I’m using Reac…

[image] johnfstockland: Is there any way to have a different color or texture for the bottom than the top of a plane? If you are talking about THREE.PlaneBufferGeometry than no, it’s not possible. However, you can try to represent your plane as a thin box (THREE.BoxBufferGeometry). A box allo…

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

Questions

prisoner849 February 10, 2020, 6:37pm 5

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().

5 Likes

How to reuse the same Texture in different Sprites and change the UV individually

Inner Geometry (Triangulation)

Mixed material color / wireframe

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

Topic		Replies	Views
Different Materials on Plane side A and side B Questions textures , materials , gltf-loader , threejs	6	1517	April 12, 2024
How To Make Plane Object Face's Texture Reversed? Questions geometry , mesh , faces	2	644	September 14, 2022
Flip/rotate texture on child mesh Questions texture	3	951	October 22, 2021
Problems texturing a simple box geometry with multiple side textures Questions textures , materials , geometry	4	3146	January 27, 2022
How to map different textures to a glb model Questions materials , gltf-loader	2	1475	April 22, 2023

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

Related topics