Proof of concept for a #r3f #threejs editor, watch this video with sound on 🔊! Current mood: It works but it'll be a big effort to make it usable. 🧵 for how it works 👇

The scene-to-source wiring is done by transforming the scenes AST wrapping scene objects in a group with contextual user data. Clicking on a scene object we traverse up the Three.js scene and if this data exists we can do something with it. Only the opened scene is transformed.

Update, sound on 🔊! Here I talk through: 🔎 Focusing scene objects [f] 🕋 Transforming scene objects [t,r,s] 🎯 Focus mode [shift + f] This is all to make my life easier when making my game with R3F. Think they'll be useful for you too? Let me know in the comments! 👇

@itsdouges @austin_malerba check this out, pretty cool stuff

@itsdouges this is a true game changer! as a blender/react artist this will be immensely helpful; is there anyway I can contribute to this project?

@itsdouges That’s awesome man, well done !

@itsdouges Awesome!!