Using Babylon with Vue

[freetoplay]

I know there is a tutorial to use React with Babylon, is there a similar tutorial with Vue?

[Guest]

You should find all you need here: https://github.com/Beg-in/vue-babylonjs

[freetoplay]

I really like that library, but the issue is it currently doesn't support loaders and events, both of which I need. Please correct me if I am wrong.

[brianzinn]

I don't think that loaders and events are supported either, but it's the only Vue lib that I know of.  I'm assuming by events that you want to know progress/loaded/error, so just wanted to point you to similar code, if it will help.  It ends up looking like this (in React not Vue?

<Scene>
  ...
  <Model
    rootUrl={`${baseUrl}BoomBox/glTF/`}
    sceneFilename="BoomBox.gltf"
    onModelLoaded={(modelProps, context) => {
      console.log('on model loaded:', modelProps)
    }}
  />
</Scene>

that console.log looks like this, so you have access to meshes, particle systems, animations, skeletons:

You can copy whatever you need for your own vue component from here:
https://github.com/brianzinn/react-babylonjs/blob/master/src/Model.ts