Can't make material opaque

Questions
, ,
1

Material1 on this model stays transparent event after I’m toggling off the transparent property using three.js editor.

Changing the Blending property doesn’t work as well.

Seems to work just fine on Babylonjs Sandbox though after changing the Transparency mode to opaque.

Any idea on how to make this model opaque on three.js as well?

Thanks.

2

When using the BLEND alpha mode, transparent is set to true and depthWrite is set to false. It seems setting the latter one to true (the default value) fixes the model.

3

Thanks @Mugen87

I’ve tried to change the transparent and depthWrite properties but nothing seems to work.

BTW, when using three.js REVISION 120 it looks like the model is not transparent even if defined so.

4

I’ve tested this a few minutes ago in the three.js browser and it looked good. Do you mind sharing a glitch that shows what you are currently doing?

5

Sure, hope this helps:

image
image1267×473 67.2 KB

image
image1272×421 63.9 KB

image
image1290×420 92.3 KB

image
image1288×460 66.9 KB

I just dragged the model to the editor, added lights and toggled the transparent and the depthWrite properties.

Doesn’t matter what I do, it doesn’t change to opaque.

6

I was actually asking for a glitch, not screenshots :innocent: .

I’ve added one myself it seems the model loads fine. Do you mind modifying the glitch in order to demonstrate the issue?

Live demo: https://jewel-luxurious-lyre.glitch.me

1 Like
7

I was actually asking for a glitch, not screenshots :innocent: .

I wasn’t familiar with the platform :wink:

I’ve added one myself it seems the model loads fine.

Actually works fine for me too.

Maybe a bug on three.js editor?

Anyways the depthWrite is what I’m looking for, just didn’t work their.

Thanks!