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

6 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	2134	April 12, 2024
Coloring a face in buffer geometry is not visible at certain angles Questions materials , geometry	6	1696	June 9, 2020
Different images on different sides of an element Questions textures , uv-mapping	2	776	August 8, 2017
[SOLVED] Raycaster - MultiMaterial Questions materials , raycaster	5	5262	June 20, 2018
Not all materials are visible on both sides Questions materials	1	3824	June 27, 2017

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

Related topics