gltf-pipeline压缩gltf与加载教程

gltf-pipeline的git地址:https://gitcode.net/mirrors/analyticalgraphicsinc/gltf-pipeline

1.全局安装：

npm install -g gltf-pipeline

2.打开cmd，路径切换到需要压缩的gltf文件所在的目录，例如有一文件model.gltf需要压缩：

执行：

gltf-pipeline -i model.gltf -j -d

即可输出压缩后的文件model-processed.gltf.

3.若想查看gltf文件中的贴图和网格信息，可执行：

gltf-pipeline -i model.gltf -o test.gltf -t

注意：gltf中的贴图文件是不能被压缩的，若文件中的纹理贴图占的比重很大，则使用此插件进行压缩效果也不是太理想。最好去压缩图片来解决文件大的问题。

以上参考文章：链接https://blog.csdn.net/qq_38323658/article/details/118016680?ops_request_misc=&request_id=&biz_id=102&utm_term=gltf%E6%A8%A1%E5%9E%8B%E5%8E%8B%E7%BC%A9&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-9-118016680.pc_search_result_hbase_insert&spm=1018.2226.3001.4187

4.加载被gltf-pipeline压缩过的gltf文件：

下载draco文件draco文件地址 https://download.csdn.net/download/qq_15023917/85024262 放入public文件夹下

引入DRACOLoader，其实加载压缩过的gltf文件所需的代码只比之前加载普通的gltf文件多了三行代码，详细代码如下：

import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
import { DRACOLoader } from "three/examples/jsm/loaders/DRACOLoader";//加载gltf文件var loader = new GLTFLoader();let dracoLoader = new DRACOLoader();dracoLoader.setDecoderPath("draco/");loader.setDRACOLoader(dracoLoader);loader.load("model-process.gltf",function(gltf) {var model = gltf.scene;scene.add(model);},function(xhr) {var percentage = Number(((xhr.loaded / xhr.total) * 100).toFixed(0));},function(error) {console.log("load error!" + error.getWebGLErrorMessage());});

gltf-pipeline压缩gltf与加载教程相关推荐

干货丨DolphinDB文本数据加载教程
DolphinDB提供以下4个函数,将文本数据导入内存或数据库: loadText: 将文本文件导入为内存表. ploadText: 将文本文件并行导入为分区内存表.与loadText函数相比,速度更 ...
干货丨时序数据库DolphinDB文本数据加载教程
DolphinDB提供以下4个函数,将文本数据导入内存或数据库: loadText: 将文本文件导入为内存表. ploadText: 将文本文件并行导入为分区内存表.与loadText函数相比,速度更 ...
超详细的图片预加载和懒加载教程
最近接手一个项目 . 结果光安装依赖都出现了一堆麻烦 . 好不容易处理完一个 , 又来一个 .头疼啊看到之前有一些预加载的学习笔记.于是又查查找找 ,想想写写把预加载和懒加载的笔记写完整发现制 ...
node js并发加载页面缓慢_详解如何利用前端Node模块zlib开启gzip压缩使页面加载速度更快...
前言这篇文章我们来聊一聊Node的原生模块zlib,它的主要作用是压缩和解压缩数据,我们都知道数据在压缩后可以减小体积,在网络传输时提高传输速度和节约带宽! API用法 zlib这个模块提供了很多的 ...
Nginx性能优化功能- Gzip压缩(大幅度提高页面加载速度)
Nginx开启Gzip压缩功能, 可以使网站的css.js .xml.html 文件在传输时进行压缩,提高访问速度, 进而优化Nginx性能! Web网站上的图片,视频等其它多媒体文件以及大文件,因 ...
星露谷物语的MOD加载教程
星露谷物语MOD安装教程 1:先安装最新版本的SMAPI 第1部分:安装SMAPI 第2部分:配置Steam 1.保持SMAPI的安装程序窗口打开. 2.在安装程序窗口中复制如下所示的文本(请参阅如何 ...
gltf-pipeline压缩gltf大小不变等问题
最近在做web3d的项目,就是把web模型通过webGl展示到浏览器,关于模型制作的方法,模型动画的交互,模型导出gltf的方法,本文主要讲的就是gltf压缩问题,这样可以把gltf模型提及压缩的最小 ...
在windows、linux中开启nginx的Gzip压缩大大提高页面、图片加载速度转
为了降低tomcat服务的压力,把页面上的图片采用windows版的nginx进行加载,由于有些图片比较大,加载特别的慢,所以在nginx中打开了gzip的压缩功能.加载图片的速度快了很多. 通过站长 ...
Android图片的加载与压缩
目录图片加载图片压缩 Bitmap(位图)的压缩色位深度图片文件与Bitmap 压缩--位图读取压缩--位图写入对compress的使用反思注意事项图片加载在了解图片压缩前,先简单介 ...

gltf-pipeline压缩gltf与加载教程

gltf-pipeline压缩gltf与加载教程相关推荐

最新文章

热门文章