Face Coloring a inbuilt threeJS Geometry

If I am creating a box geometry then I am able to color its faces. But that color is visible only on the outer face, How to i color both the inner and outer face together?

Have you set the side property of the material to THREE.DoubleSide?.

1 Like

Yes, but it is just darkening the shade of the overall object color and not taking the new or different color

Can you please demonstrate the issue with a live example: https://jsfiddle.net/c5m1kazu/

here you go: https://jsfiddle.net/ex13hvbk/5/

THREE.FaceColors is deprecated. vertexColors is a boolean now. Besides, vertex colors are always multiplied with the value defined by the color property. So if you define 0xff0000 as vertex colors and 0x00ffff as color, you obviously get zero and thus a black surface.

Updated fiddle: https://jsfiddle.net/qdxb51t8/


how do i color that one face separately but from both sides inner and out side?

Doesn’t the example already do this? I mean the respective faces of the cube are red on both sides (front and back).

Thanks a lot for the help.