Two materials on the same mesh

Hi!

At http://www.mell-lab.de I am stuck at one point: when you flip a page, the page is double-sided - I’d like the back to be plain white but didn’t have luck yet with applying two materials to the same mesh. Any ideas?

If you don’t mind using 2 meshes, then use 2 meshes, one for the front of the page, one for the back…
If you want it to be a single mesh, you will need the geometry to have a copy of the page but flipped to be the back side, then create 2 drawGroups on the geometry, one for the front and one for the back, then use an array of 2 materials on the mesh
mesh.material = [materialfront,materialback]

https://threejs.org/docs/#api/en/core/BufferGeometry.addGroup

1 Like

Two meshes with different materials sharing the same geometry might be sufficient. In this way the geometry of only one of the meshes is modified and the other gets updated “for free”.