How to set up a blender file to export GLB

[lemonbanjosupply]

Hello all, I'm very very new to this, and I need help setting up my Blender model.

I want to have multiple objects in the same file, and control the visibility of them via and JavaScript. I can't seem to get my Blender model set up properly to do this.

How do I structure my objects in the Blender hierarchy, how to do animate them, and basically any other aspect?

Thanks

[danilokrulj]

The question is really hard to answer through chat in one go, best thing you could do is watch a few blender tutorials.

If you ask me, each object that you want to toggle visibility needs to be a different mesh or to have a different material. If you use separate meshes you can later find them through JavaScript and toggle the visibility, or if you go with the material option you can change its opacity to 0.

This is one way how you can find the mesh through code and toggle its visibility:

const mw = document.querySelector("model-viewer#mw");
const sceneSym = Object.getOwnPropertySymbols(mw).find(x => x.description === "scene");
const pattern = modelViewer[sceneSym].children[0].getObjectByName('Scene').getObjectByName('pattern');
pattern.visible = false;
modelViewer[sceneSym].updateShadow();
modelViewer[sceneSym].queueRender();