FBX Loader plugin for Babylonjs

This is an opensource plugin to load FBX files in BabylonJS. The code was extracted from the BabylonJS Editor repo so props goes to the dev team over there.

The goal of this plugin is to allow FBX loading on BABYLONJS web.

Prototype release can be obtained via npm install babylonjs-fbx-loader

Development

1. Clone repo

2. Install dependencies using npm i

3. Make sure your code is formatted using prettier; either activate "format on save" on your IDE or run npm run format

4. Run npm run start to run a web page at http://localhost:9000 that will attempt to load an FBX file in a babylon scene

Testing

1. Run npm run test to run tests in the test folder.

Contributing

Feel free to make a PR and help out!

Please make sure your code is formatted using prettier.

Todo:

• [ ] Clean up unused functions and code from the Editor repo
• [ ] Load material from the FBX
• [ ] Add better test file than the current dropbox link in the index.html test file
• [x] Add tests
• [ ] Improve tests and add more tests
• [ ] add more to this todo list

How to use

Using babylonjs libraries

import 'babylonjs';
import {FBXLoader} from "babylonjs-fbx-loader"

if (BABYLON.SceneLoader) {
  //Add this loader into the register plugin
  BABYLON.SceneLoader.RegisterPlugin(new FBXLoader())
}

[...]


let mesh = await BABYLON.SceneLoader.ImportMeshAsync(null, 'path/to', 'filename.fbx', scene)

Using ES6 babylon libraries

import {FBXLoader} from "babylonjs-fbx-loader"
import {SceneLoader} from "@babylonjs/core"

if (SceneLoader) {
  //Add this loader into the register plugin
  SceneLoader.RegisterPlugin(new FBXLoader())
}

[...]

let mesh = await SceneLoader.ImportMeshAsync(null, 'path/to', 'filename.fbx', scene)