小菜鸡的Three.js学习笔记(一)-三维模型压缩DRACO初探

最近因为需要做一个网站来加载岩石的激光扫描三维模型需要用到three.js,就去查了一些资料,发现资料挺少的,就自己记录下来以备不时只需。首先,我的模型贼大,我也不知道为啥,给我的模型都是超级大的obj格式(大于300mb),这时如果直接用Three.js来加载的话,网页会蹦,所以就得对模型进行压缩,找资料找来找去发现有说用3Dmax进行压缩,但我不想下载3DMax最后问了师兄,发现他是用的draco来进行压缩的,然后我就又去找draco的资料,发现它贼麻烦,还要在Ubuntu上进行cmake和make等操作,详情可以参考这篇博文:https://blog.csdn.net/weixin_40011134/article/details/80940856。

然后我就去GitHub上看了(https://github.com/google/draco.git),但我是菜鸟,没用过github上面有window下的指南,但我整来整去也没弄好,所以最后找了一个已经编译好的来用了,大家可以下载来用https://download.csdn.net/download/weixin_40097032/11209143。下载好解压后应该是这样的:

小菜鸡的Three.js学习笔记(一)-三维模型压缩DRACO初探_第1张图片

使用起来很简单,因为我之前找的资料写的不是很详细,让我自己操作费了很多事,所以我就写的详细一点,大佬可以跳着看。1.win+R打开cmd,把路径调到draco的那个文件夹下(不调直接拖进去也行,我就是直接将.exe直接拖入cmd),输入draco_encoder.exe -h可以查看一些命令的含义:

小菜鸡的Three.js学习笔记(一)-三维模型压缩DRACO初探_第2张图片

然后直接输入你要编码的文件路径,以及输出文件路径,按默认的参数压缩就行,如果你需要调的话就看上面的命令调就好,下载的资源里有一个模型:

小菜鸡的Three.js学习笔记(一)-三维模型压缩DRACO初探_第3张图片

你可以看到已经转化为test.drc了,压缩效果很显著,我的一个几百兆的模型压缩成了几兆,前期的模型压缩准备就告一段落了,后面就非常简单了。(切记你就算改了扩展名改成其他格式,它压缩的结果还是.drc格式,你改成.obj还是没用的)

你可能感兴趣的:(Three.js学习笔记,draco,三维模型压缩,three.js,draco压缩模型)