跳至主要內容

glTF 处理器

Er San...大约 3 分钟

glTF 处理器

此插件提供了在 Web 端处理 glTF 文件的能力,主要能力如下:

  • 优化 glTF 文件:
    • a. 压缩模型数据(包括贴图材质与几何数据),减少文件大小;
    • b. 网格顶点优化,减少顶点数量,提升渲染性能;
    • c. 实例化网格,减少渲染 DrawCall,提升渲染性能;
    • d. 压缩裁剪纹理贴图,减少内存占用,提升渲染性能;

面板

glTF处理器
glTF处理器

使用方法

1. 点击面板顶部上传区域,选择 glTF 文件(相关文件不会上传至服务器,仅用于本地处理);

2. 修改配置选项或直接使用默认配置;

3. 点击“优化”按钮,开始处理 glTF 文件,优化日志会实时显示在面板顶部(原上传文件区域);

配置说明

配置项描述
压缩方式网格浮点压缩方法
Draco 压缩 geometry;
Meshopt & Quantization 压缩 geometry 和 animation;
Draco|Meshopt|Quantization|None
Meshopt 压缩级别压缩方式选择Meshopt时需要选择压缩级别low|medium|high
实例化网格使用 GPU 实例化技术共享网格引用,即生成THREE.InstancedMesh对象,减少 DrawCalltrue|false
实例化网格界限实例化网格所需的实例数,实例数低于该值的网格将不会实例化min:2,max:Infinity
展平场景树将场景内子模型对象全部展平到场景根节点。
开启合并网格时此项无法关闭
true|false
合并网格合并网格以减少渲染调用,合并后的网格无法单独选中。
前置条件:开启展平场景树
true|false
合并纹理创建调色板纹理并合并材质true|false
合并纹理界限合并纹理所需的纹理数,纹理数低于该值将不会合并min:2,max:Infinity
修剪从文件中删除未被场景引用的属性true|false
修剪顶点是否修剪未使用的顶点属性true|false
修剪子节点是否修剪空的叶子节点true|false
修剪纹理是否修剪实体(单色)纹理,将其转换为材质元素true|false
合并同位顶点合并按位相同的顶点。合并和索引后,顶点之间的数据共享效率更高。文件大小可以减小,GPU 可以更高效地使用顶点缓存。
开启简化网格时此项无法关闭
true|false
简化网格基于meshoptimizer的简化算法,生成具有较少三角形和顶点的网格。简化是有损的,但该算法旨在针对给定的参数尽可能地保持视觉质量。
前置条件:开启合并同位顶点
true|false
简化误差界限简化网格误差容忍度,以网格尺寸的百分比表示min:0.01,max:100
简化锁定边界是否锁定网格的拓扑边界,拓扑结构(尤其是分割顶点)会限制简化器true|false
简化比率要保留的顶点的比率(0-1)min:0,max:1
纹理压缩AVIFWebP优化传输大小;
Auto按原始格式进行压缩;
WebP|AVIF|Auto|None
纹理最大尺寸超过该尺寸的纹理将被压缩,值一般为 2 的 N 次方min:2,max:Infinity

结果

glTF优化结果
glTF优化结果
glTF优化文件对比
glTF优化文件对比
glTF优化文件对比
glTF优化文件对比