How to access the hierarchy and then Three.js changes each object.

[bigbea1r]

I have a task. Change the model imported into modelviewer and editor it in Three.js. How to do it? I need this in order to make an editor based on modelviewer. I read all the documentation, but found only a few items:
You are also welcome to hack/fork us. You can use mvElement[Object.getOwnPropertySymbols(mvElement).find(e => e.description === 'scene')]; to get access to our internal three.js scene and do whatever you want. And what you link to Post Process Effects

The code currently looks like this:

<title>Editor Table</title> <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>

View in your space

Variant:

Текстуры Высота Размер

<script> const modelViewer = document.querySelector("model-viewer#tableModel"); modelViewer.model.hierarchy[1].name = 'hack' console.log(modelViewer); </script>

[elalish]

What kind of edits do you want to do? If it's just materials, you can use our materials API: https://modelviewer.dev/examples/scenegraph/#pickMaterialExample

Where did modelViewer.model.hierarchy[1] come from? If you want to hack MV, you'll have to read our code - we can't support you here.