Make a browser addon visual inspector

[jo-chemla]

Inspired by aframevr-inspector discussion aframevr/aframe-inspector#597, it could be great to be able to run triplex - or a smaller-scale variant - on top of an existing threejs scene loaded in a browser tab, as an addon. aframevr-inspector can be simply invoked via a keyboard shortcut, and replaces the scene by a visual inspector with 3d objects selectable, and panels and components to edit their properties and attributes.

The addon would parse an existing threejs scene graph, build-up components, and allow interaction with the scene, eventually exporting to a standard r3f scene component graph. Possible similar issue pmndrs/gltfjsx#255 probably a lot more complex than the existing r3f-based scene parser.

[itsdouges]

It's unlikely this issue will be picked up so I'm closing it for now. If you feel strongly about this issue from a plugin perspective please raise another issue and we can collaborate to figure out how best plugins can support this use case.

[jo-chemla]

Thanks for getting back, and understood this is a pretty convoluted issue. If you think such a use-case could be solved by triplex plugins, would love to hear your thoughts, although it's probably a pretty niche use-case being able to deep-dive into existing vanilla threejs scenes!

[jo-chemla]

By the way, a few weeks after that request, @mrdoob himself started vibe-coding a new threejs DevTools see thread

Still draft PR mrdoob/three.js#30870, but wip already looking amazing!
Chrome Web store extension here

[itsdouges]

Haha yeah I've seen that, he's having a lot of fun 😁

[jo-chemla]

Also slightly related, what @repalash is building with threepipe, although to build scenes from scratch + import/export via editor.threepipe.org. Just noting it there for my future self that might probably stumble on this thread at some point!