How can I create a transparent material to display decals from both sides?

Questions
,
1

I have a human body figure that by click you can add marks (decals) on it, very similar to the Decals Example Here , i want to be an to view the marks i’m painting from all sides of the body - so if i’ve added mark on the back - i will be able to see it the chest area as well - since the body should be transparent…

I’ve added the following code - but it does’t seems to work - as you can see in the pictures.

new THREE.MeshPhongMaterial({
      color:0x3f51b5,
      opacity: 0.2,
      transparent: true,
     // side: THREE.DoubleSide,
    });

As you can see - the marks from the back side do not show in the front side although the material is transparent with opacity.

bitmap
bitmap552×828 106 KB

2

One way to solve this issue is to make the decal material double sided and deactivate depth testing. I’m updated the official example with this approach:

1 Like
3

Thanks!!! You are the best in whole world - many many thanks

2 Likes