Threejs transparency issue

Asked Sep 12 '18 at 12:47

Active Sep 12 '18 at 12:47

Viewed 42 times

I am making something that allows users to upload their branding to be printed onto a cup and preview it in 3D using three.js. The issue I'm having is that as you move the camera around the branding can't be seen from behind through the inside of the cup. See example here.

I have made the cup using two cyclinders, one is white at 0.6 transparency to make up the body of the cup and then the other has the branding on it. I've seen this issue which seems to describe the problem I'm experiencing so is there a different way I can make this to get round this issue? Rather than using two cylinders can I just use 1 that has the white transparent colour and the image applied to it?

asked Sep 12 '18 at 12:47

geoffs3310

5,599
11
51
104

Is the second solution linked in your linked SO question (the one suggesting using `MeshBasicMaterial`) not working ? – Seblor Sep 12 '18 at 12:54
No the type of material doesn't seem to make a difference – geoffs3310 Sep 12 '18 at 13:04
Even with the same parameters ? Also someone suggested using `THREE.DoubleSide` in the comments. – Seblor Sep 12 '18 at 13:05
Yeah I'm using THREE.DoubleSide at the moment – geoffs3310 Sep 12 '18 at 13:34

Threejs transparency issue

0 Answers0