A blender addon that lets you view your babylonjs scenes in blender.
I'd love for you to try this out and give me your thoughts :)
Babylonjs discussion thread: https://forum.babylonjs.com/t/a-blender-addon-for-babylonjs-scene-viewing/57580.
You can do this by clicking on the green Code button on this page, and then clicking on Download Zip
To install an addon, open up blender and go to: Edit > Preferences > Add-ons > Install
Now go to your Downloads folder, select the file named "babylonview-main.zip" and click on Install Add-on
That's is the addon is installed!
Now to enable it, search for "babylonjs view" in your addons, click on the checkbox and you're done!
and that's it! you have the addon integrated :)
Hit the "n" key on your keyboard to open the views sidebar, you'll see a new "Babylon.js View" tab on it, click on it.
Once you're in the "Babylon.js View" tab, you should see a button that says "Start Server", click on it.
Congrats! you have the addon turned on now :)
Open up your browser (Google Chrome, Mozilla Firefox, Edge... etc) and type localhost:8001 in your url bar and hit the Enter key
It may take a while if your scene is large, please be patient, but your blender scene should now load up in your browser using babylonjs!
You'll also see 3 buttons at the bottom.
Use the "glb sync" button to sync your babylonjs scene whenever you make changes in blender so they reflect in your browser.
This is quite slow as it does a full gltf export/import.
If you want something faster and more realtime, click on the "realtime sync" button and that'll turn on the realtime sync mode, any changes you do in blender will be instantly reflected in your browser.
The "babylonjs inspector" button opens up the Babylonjs Inspector for you to inspect your scene.
If you're just occasionally glancing at your browser window, it might be a good idea to use the "glb sync" button to update the scene whenever you occasionally need to.
This because the Glb Sync mode is more stable and gaurantees (as of right now) complete translation of your scene, whereas the realtime mode might introduce inconsistencies over time, and waste precious resources computing.
Here's how one might use this workflow.
glb.sync.workflow.mp4
If the model you're working with is large, glb sync may take a lot of time. or you might want to more actively monitor your changes, for example when focusing on getting things right in babylonjs.
here's how you might use the Realtime workflow.
realtime.sync.workflow.mp4
Here's how this free mustang scene from blenderkit looks :)
mustang.showcase.mp4
If you face any issues with this addon, feel free to post it on the issues section of this repository.
It would help if you included these details in your issue report,
- what you issue is!
- what you were expecting.
- how you encountered the issue.
- steps to reliably reproduce the issue.
and that's kind of it!
If you'd like addon to do extra stuff, have more features, please submit your feature request as an issue too!
In that case please provide these details,
- What feature do you want!
- Why you want it.
- How much of an impact this would make for you and your experience.
That's it.
Have fun!