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
-
Clone repo
-
Install dependencies using
npm i
-
Make sure your code is formatted using prettier; either activate "format on save" on your IDE or run
npm run format
-
Run
npm run start
to run a web page athttp://localhost:9000
that will attempt to load an FBX file in a babylon scene
- Run
npm run test
to run tests in the test folder.
Feel free to make a PR and help out!
Please make sure your code is formatted using prettier.
- 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
- Add tests
- Improve tests and add more tests
- add more to this todo list
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)