Hello friends!
I am working on app where I combine Pixi.js for 2D preview and Babylon.js for 3D preview. To combine these two frameworks I use Vue.js 3 with Vuex as single source of truth.
I am wondering if there is something like javascript list which holds all currently rendered meshes and if there is one, may I make it reactive? Let’s say that if I delete/add mesh to this list it will be deleted/rendered in the scene.
Why would I want such a behavior? Because Vuex can track all state changes in registered objects and therefore it would make undo/redo operation really easy as it would be just switching between those states.