Is it possible to use Three.js scene as input

[mpena211]

HI, first off I love this library. Extremely easy to set up and use.

I get that model-viewer implies just viewing and interacting with the model, and it only supports .gltf/.glb file types. However I was wondering if it is possible to theoretically use a three.js scene. I had a quick look through of the source code and saw that you are using three.js for at least part of the pipeline to load the models.

What I had in mind, was to essentially make a three.js scene, with a character inside of it (maybe a model), and then walk around inside the scene. I think it is possible to do this in vanilla three.js but, I really enjoy using your library to handle the loading & displaying of models, and do not want to rewrite that functionality if possible. Thanks!

[elalish]

If you scene can be saved as a glTF, this will work simply by making your own camera controls, which can be done externally to MV in your own JS. If you need all the bells and whistles of three's API, then I'd say you can fork us or use getOwnSymbols to grab our internal $scene and do what you want. However, you're outside our public API, so you'll be on your own, especially regarding breaking changes.

[elalish]

Would love to see what you create! Feel free to share in the show&tell section, or mention us on Twitter.

[allenwixted]

On a similar note, are there any examples for passing a scene from three.js to MV? Trying to make a sofa builder and pass to AR

[elalish]

Here's one: https://github.com/mrdoob/3d-file-viewer/blob/master/script.js

[Zaniyar]

Is this also possible to do with the AR scene? I know you could do this with webXR, but since Apple is doing Apple things and it's not working on iOS but the model-viewer AR is working on iOS and Android I would want to know if we can have an interactive AR scene with the model-viewer?

[elalish]

No, there's no customization available for QuickLook - please ask Apple (@grorg) for WebXR support so this can be possible.