https://www.mvrlink.com/gltf-pipeline/

本文涉及的产品
实时数仓Hologres,5000CU*H 100GB 3个月
实时计算 Flink 版,5000CU*H 3个月
智能开放搜索 OpenSearch行业算法版,1GB 20LCU 1个月
简介: GLTF-pipeline支持常见操作,包括: 将 glTF 转换为 glb(并反向) 将缓冲区/纹理另存为嵌入或单独的文件 将 glTF 1.0 模型转换为 glTF 2.0 应用德拉科网格压缩

gltf-pipeline可用作命令行工具或 Node.js 模块。

开始

安装 Node.js如果还没有,然后:

npm install -g gltf-pipeline

使用 gltf-pipeline 作为命令行工具:

将 glTF 转换为 glb

gltf-pipeline -i model.gltf -o model.glb

gltf-pipeline -i model.gltf -b

转换好的模型可使用GLTF编辑器进行查看和编辑。

将 glb 转换为 glTF

gltf-pipeline -i model.glb -o model.gltf

gltf-pipeline -i model.glb -j

转换好的模型可使用GLTF编辑器进行查看和编辑。

将 glTF 转换为 Draco glTF

gltf-pipeline -i model.gltf -o modelDraco.gltf -d

保存单独的纹理

gltf-pipeline -i model.gltf -t

使用 gltf-pipeline 作为库:

将 glTF 转换为 glb:

const gltfPipeline = require("gltf-pipeline");

const fsExtra = require("fs-extra");

const gltfToGlb = gltfPipeline.gltfToGlb;

const gltf = fsExtra.readJsonSync("./input/model.gltf");

const options = { resourceDirectory: "./input/" };

gltfToGlb(gltf, options).then(function (results) {

fsExtra.writeFileSync("model.glb", results.glb);

});

将 glb 转换为嵌入式 glTF

const gltfPipeline = require("gltf-pipeline");

const fsExtra = require("fs-extra");

const glbToGltf = gltfPipeline.glbToGltf;

const glb = fsExtra.readFileSync("model.glb");

glbToGltf(glb).then(function (results) {

fsExtra.writeJsonSync("model.gltf", results.gltf);

});

将 glTF 转换为 Draco glTF

const gltfPipeline = require("gltf-pipeline");

const fsExtra = require("fs-extra");

const processGltf = gltfPipeline.processGltf;

const gltf = fsExtra.readJsonSync("model.gltf");

const options = {

dracoOptions: {

compressionLevel: 10,

},

};

processGltf(gltf, options).then(function (results) {

fsExtra.writeJsonSync("model-draco.gltf", results.gltf);

});

保存单独的纹理

const gltfPipeline = require("gltf-pipeline");

const fsExtra = require("fs-extra");

const processGltf = gltfPipeline.processGltf;

const gltf = fsExtra.readJsonSync("model.gltf");

const options = {

separateTextures: true,

};

processGltf(gltf, options).then(function (results) {

fsExtra.writeJsonSync("model-separate.gltf", results.gltf);

// Save separate resources

const separateResources = results.separateResources;

for (const relativePath in separateResources) {

if (separateResources.hasOwnProperty(relativePath)) {

const resource = separateResources[relativePath];

fsExtra.writeFileSync(relativePath, resource);

}

}

});

命令行标志

描述 必填
--help,-h 显示帮助
--input,-i glTF 或 glb 文件的路径。 ✅ 是的
--output,-o glTF 或 glb 文件的输出路径。单独的资源将保存到同一目录中。
--binary,-b 将输入 glTF 转换为 glb。 否,默认false
--json,-j 将输入 glb 转换为 glTF。 否,默认false
--separate,-s 编写单独的缓冲区、着色器和纹理,而不是将它们嵌入到 glTF 中。 否,默认false
--separateTextures,-t 仅写出单独的纹理。 否,默认false
--stats 将统计信息打印到控制台以输出 glTF 文件。 否,默认false
--keepUnusedElements 保留未使用的材料、节点和网格。 否,默认false
--keepLegacyExtensions 如果为 false,则带有 、 或 的材料将转换为 PBR。KHR_techniques_webglKHR_blendKHR_materials_common 否,默认false
--draco.compressMeshes,-d 使用 Draco 压缩网格。添加扩展。KHR_draco_mesh_compression 否,默认false
--draco.compressionLevel Draco压缩级别[0-10],大多数为10,最少为0。值为 0 将应用顺序编码并保留人脸顺序。 否,默认7
--draco.quantizePositionBits 使用 Draco 压缩时位置属性的量化位。 否,默认11
--draco.quantizeNormalBits 使用 Draco 压缩时正常属性的量化位。 否,默认8
--draco.quantizeTexcoordBits 使用 Draco 压缩时纹理坐标属性的量化位。 否,默认10
--draco.quantizeColorBits 使用 Draco 压缩时颜色属性的量化位。 否,默认8
--draco.quantizeGenericBits 使用 Draco 压缩时用于蒙皮属性(联合指数和联合权重)和自定义属性的量化位。 否,默认8
--draco.unifiedQuantization 使用相同的量化网格量化所有基元的位置。如果未设置,则单独应用量化。 否,默认false
--draco.uncompressedFallback 添加压缩网格的未压缩回退版本。 否,默认false
--baseColorTextureNames 从扩展更新到 PBR 材料
时应考虑引用基色纹理的制服名称。KHR_techniques_webgl
不。(此处未指定默认值)
--baseColorFactorNames 从扩展更新到 PBR 材料时应考虑参考基本颜色因子
的制服名称。KHR_techniques_webgl
不。(此处未指定默认值)

构建说明

运行测试:

npm run test

要在整个代码库上运行 ESLint,请运行:

npm run eslint

要在保存文件时自动运行 ESLint,请运行以下命令并在控制台窗口中保持打开状态:

npm run eslint-watch

为CesiumJS集成而构建

gltf-pipeline 的某些功能被 CesiumJS 用作第三方库。可以使用以下方法生成必要的文件:

npm run build-cesium

这会将一部分 gltf-pipeline 代码输出到文件夹中,以便在浏览器中与 CesiumJS 一起使用。将文件复制到 cesium 存储库中并提交拉取请求。dist/cesiumSource/Scene/GltfPipeline/

运行测试覆盖率

覆盖范围使用NYC。跑:

npm run coverage

有关完整的覆盖范围详细信息,请打开 。coverage/lcov-report/index.html

测试和覆盖范围涵盖节点.js模块;它不包括命令行界面,该界面很小。

生成文档

要生成文档,请执行以下操作:

npm run jsdoc

文档将放置在文件夹中。


原文链接:https://www.mvrlink.com/gltf-pipeline/

目录
相关文章
|
6月前
|
数据可视化 前端开发 JavaScript
vue3+threejs可视化项目——引入threejs加载钢铁侠模型(第二步)
vue3+threejs可视化项目——引入threejs加载钢铁侠模型(第二步)
545 3
Threejs实现模拟河流,水面水流,水管水流,海面
Threejs实现模拟河流,水面水流,水管水流,海面
2283 0
Threejs实现模拟河流,水面水流,水管水流,海面
|
6月前
|
前端开发 JavaScript 搜索推荐
react-app框架——使用monaco editor实现online编辑html代码编辑器
react-app框架——使用monaco editor实现online编辑html代码编辑器
278 3
|
算法 数据可视化 vr&ar
GLTF编辑器:在线模型材质编辑工具
模型材质贴图的作用是为三维模型赋予外观表面的纹理和颜色。它可以增加模型的细节、真实感和视觉效果,使得模型更具有逼真和吸引力。通过贴图,模型可以呈现出不同的材质,如金属、木材、布料等,并且能够模拟反射、阴影和光照效果,使模型在渲染过程中更加真实。贴图还可以用来描绘模型的细节纹理,例如皮肤的纹理、衣物的图案等。总之,模型材质贴图对于创造逼真的三维模型非常重要。
234 1
|
存储 SQL 缓存
|
Java 数据安全/隐私保护 Spring
【Spring】Bean 的实例化(创建 | 获取)
【Spring】Bean 的实例化(创建 | 获取)
|
机器学习/深度学习 传感器 编解码
路径规划算法:基于爬行动物优化的机器人路径规划算法- 附matlab代码
路径规划算法:基于爬行动物优化的机器人路径规划算法- 附matlab代码
|
编解码 开发工具 图形学
Unity 之 发布WebGL并部署到GitHub供外部访问 (Unity | WebGL | GitHub | 内嵌网页)
一文教你Unity发布WebGl并上传到GitHub提供外部访问,开启页游之旅~
2824 1
Unity 之 发布WebGL并部署到GitHub供外部访问 (Unity | WebGL | GitHub | 内嵌网页)
|
数据采集 机器学习/深度学习 JSON
【Pytorch神经网络实战案例】32 使用Transformers库的管道方式实现:加载指定模型+文本分类+掩码语言建模+摘要生成+特征提取+阅读理解+实体词识别
在Transformers库中pipeline类的源码文件pipelines.py里,可以找到管道方式自动下载的预编译模型地址。可以根据这些地址,使用第三方下载工具将其下载到本地。
825 0
|
定位技术
GIS开发:mapbox中简单模型
GIS开发:mapbox中简单模型
176 0