Secrets of Babylon.js

[roland]

Hi!
I implemented a state management in a project using Vuex. I use loose coupling betwen the State, the UI (Quasar/Vue) and the BabylonJS scene using messaging.

UI → State → SceneDirector (responsible for puppeting the entities on the scene) → MessageQueue → BJS (and the whole process backwards) The State is changed by external inputs like thermal, prerssue, co2, sensors etc. as well.

I wrote about a simplified version (no Vuex involved) of the implementation here. Maybe worth to check:

Babylon Sandbox vs. Standard Import - >35 FPS difference

Hi guys! The problem If you are exposing BabylonJS objects and you are manipulating them directly with Vue, you will sooner or later end up with very low FPS caused by multiple redraws of the scene. The reason is that you mess up something with Vue’s reflectivity and something is being called recurrently. The solution Do not expose the BabylonJS objects and send always a copy of your objects in your methods or just simply use JSON for your data. Choosing JSON? So do you have to JSON.string…