Hide/show parts

[dboulanger363]

Is it possible to hide/show of parts of the model after loading using scene graph api for example?

[elalish]

Not yet, but that's a direction we would like to take it.

[loeffel-io]

+1

[onthez]

This is a feature I would love to see added as well

[milesgreen]

+1 👍

[sprengerst]

+1

[GuardianFree]

+1

[UnityEQ]

+1

[thang12l]

+1

[josephdave]

+1

[elalish]

So, this is actually possible, I just need to write an example for it. You need the part you want to hide to have its own glTF material, and set its alphaMode to MASK (BLEND would probably work too). Then in MV, once your object is loaded you can hide the object by setting it to transparent by setting the baseColorFactor to [1, 1, 1, 0], and showing it again by resetting to [1, 1, 1, 1]. You can use this example as a guide.

We should add a helper function to select a material by name, but until then, you get find it by index or search the array for one with the right name.

[elalish]

We now have helper functions to select materials by name and by click: https://modelviewer.dev/docs/#entrydocs-scenegraph-methods-materialFromPoint

[NikLever]

I can only see materialFromPoint, no materialByName. I'm trying to hide an object by setting its material visibility to false but there doesn't appear to be ThreeJS type access to the object. You suggest setting baseColorFactor but that doesn't seem to be a material property.

[NikLever]

Sorted it
const material = modelViewer.model.getMaterialByName('CubeMat');
material.pbrMetallicRoughness.setBaseColorFactor([1,1,1,0]);

[slightHYP]

@NikLever I don't know if I understood well your issue, but have a look at this discussion #2893

[sylvainlec]

+1