简介
在前端开发中，我们经常需要使用 3D 模型展示，而 glTF 成为了备受关注的一种 3D 模型格式。fbx2gltf-plus 是一款 npm 包，用于将 FBX 格式的 3D 模型文件转换成 glTF 格式，让我们能够在前端中更加简单地使用 3D 模型，进一步提高 Web 应用的用户体验。
安装
通过 npm 安装 fbx2gltf-plus 依赖：
npm i fbx2gltf-plus --save-dev
使用
fbx2gltf-plus 默认安装在 node_modules/.bin/fbx2gltf 位置，在命令行使用该命令即可将 FBX 文件转换为 glTF 文件。如：
node bin/fbx2gltf path/to/fbx-file.fbx -o path/to/gltf-file.gltf
命令行选项：
-o,--output: 指定输出文件的路径和文件名。-p,--password: 指定加密 FBX 文件时需要用到的密码。-u,--unlit: 转换成 unlit shader，即只考虑光线的颜色，不考虑光线的反射、折射等效果。
示例
下面是一个简单的示例，演示如何使用 fbx2gltf-plus 将 3D 模型文件转换成 glTF 格式：
-- -------------------- ---- ------- ----- -------- - ------------------------- ----- --------- - ----------------------- ----- ---------- - ------------------------- ------------------- ------------------- -- - --------------- ----- --------- ---------------- ---------------- -- - --------------------- -- ------- -- -------- ------- ---
在上面的代码中，我们使用 fbx2gltf() 函数将输入文件（path/to/fbx-file.fbx）转换为输出文件（path/to/gltf-file.gltf）。由于 fbx2gltf-plus 返回 Promise 对象，因此我们可以在 then() 回调函数中进行一些后续操作。此外，如果转换过程发生错误，我们也可以通过 catch() 回调函数捕获错误信息。
深度剖析
- fbx2gltf 依赖开源库 fbx2gltf 实现模型转换。
- fbx2gltf-plus 对 fbx2gltf 做了一些改进，新增了对加密 FBX 文件和 unlit shader 的支持。
- 在转换过程中，fbx2gltf 首先会通过 FBX SDK 解析 FBX 文件，然后将解析得到的场景、材质、纹理等信息转换成 glTF 规范的 JSON 数据。
- 最后，fbx2gltf 将 glTF 数据写入输出文件中，从而完成了 3D 模型的转换。
总结
借助 fbx2gltf-plus，我们可以更轻松地在前端中使用 3D 模型，提高了 Web 应用的用户体验。需要注意的是，在使用 fbx2gltf-plus 时，建议提前了解 FBX 文件格式和 glTF 规范，以便更好地把握转换过程中的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a330d09270238223e6