Hi all, I’m a prototyper at Adobe and love using Babylon.js to get a 3D project up and running, it’s really served me well. I’m also author of the book Web Components in Action, so have a huge interest in making complicated things easy with a simple HTML tag.
With those in mind, I made a component. The idea is that instead of manually setting up the engine and everything yourself, you can drop the component on your page with some default settings to get you started.
Recommended usage would be to use
<babylon-scene app="path/to/app.js" stage="path/to/stage.js"> where the app is an ES6 module where you’d add content and interactivity/logic after scene creation, while the “stage” is my own concept where lights/camera/scene/engine/etc start with some basic defaults and can be customized however you like.
I’m not really here to announce, more to get feedback, especially on the docs and how things work overall. I totally don’t mind negative constructive feedback at all! I absolutely hated writing the documentation, so I had been procrastinating for like a month! But…maybe it’s something people (not just me) would enjoy using, so I put in the extra effort.
For the future, I’m definitely making WebXR available, and maybe making “stage” setup available through HTML tags as children in addition to how it is now.