Can I set the material opacity?

[Turtleted21]

Hello
Can I set the material opacity? I don't found a example,
I look here https://github.com/google/model-viewer/blob/master/packages/model-viewer/src/features/scene-graph/material.ts
I tried material.opacity = 0.5; with no sucess

With three.js we can set the material opacity with a glb model.

three js editor test with DamagedHelmet.glb :

Thanks

[elalish]

Yes, simply follow this example and set the alpha channel of your base color to your desired opacity.

[elalish]

Well, if you want to reset to your original baseColorFactor, just read the value first and save it to set later. -1 is not a valid value, so who knows what's going on there. I bet the reason alpha=0 is not working is probably because you have the alphaMode set to Opaque. Try our new API: material.alphaMode = 'BLEND' or even 'MASK'.

[dmkrtz]

Wow, I'm very disappointed by myself. Setting a BaseColorFactor on a textured material works flawless. To make something disappear I do have to use "0,0,0,-1", though. But "1,1,1,1" or setting the color before somewhere works as expected.

Thanks, and sorry for the retardness, lol.

e9QcRawdhv.mp4

[alien725]

@dmkrtz hi , your work is great... I am trying to do some thing similar, but my scene , cannot switch properly when there are many models. Would you mind sharing part of your code that " how to specify the target model/ material"? thanks...

[elalish]

You may want getMaterialByName(), which you can find in our Material API.

[alien725]

oh , i see, thank you!

[yosun]

hmm just checking if it is still possible to set alphaMode = 'blend' so that the a of rgba shows opacity?