小菜鸡的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。下载好解压后应该是这样的：

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

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

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

小菜鸡的Three.js学习笔记（一）-三维模型压缩DRACO初探相关推荐

ArcGIS JS 学习笔记4 实现地图联动
原文:ArcGIS JS 学习笔记4 实现地图联动 1.开篇守望屁股实在太好玩了,所以最近有点懒,这次就先写个简单的来凑一下数.这次我的模仿目标是天地图的地图联动. 天地的地图联动不仅地图有联动,而 ...
backbone.js学习笔记
backbone.js学习笔记之前只接触过jQuery,看来Backbone是除了jQuery的第二大JS框架... backbone到底是个啥? 其实刚开始我也不知道=_=,我是这周二才听说居然还 ...
node.js学习笔记
# node.js学习笔记标签(空格分隔): node.js---## 一内置模块学习 ### 1. http 模块 ``` //1 导入http模块 const http =require('ht ...
node.js学习笔记14—微型社交网站
node.js学习笔记14-微型社交网站 1.功能分析微博是以用户为中心,因此需要有注册和登录功能. 微博最核心的功能是信息的发表,这个功能包括许多方面,包括:数据库访问,前端显示等. 一个完整的微 ...
WebGL three.js学习笔记 6种类型的纹理介绍及应用
WebGL three.js学习笔记 6种类型的纹理介绍及应用本文所使用到的demo演示: 高光贴图Demo演示反光效果Demo演示(因为是加载的模型,所以速度会慢) (一)普通纹理计算机图形学 ...
html 流程控制,HTML5独家分享：原生JS学习笔记2——程序流程控制
当当当当 .....楼主又来了!新一期的js学习笔记2--程序流程控制更新了! 想一键获取全部js学习笔记的可以给楼主留言哦! js中的程序控制语句常见的程序有三种执行结构: 1.顺序结构 2.分支 ...
基于jquery的插件turn.js学习笔记
基于jquery的插件turn.js学习笔记简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...
Node.js学习笔记8
Node.js学习笔记8 HTTP服务器与客户端 Node.js的http模块,封装了一个高效的HTTP服务器和一个简易的HTTP客户端 http.server是一个基于事件的HTTP服务器,核心由N ...
node.js学习笔记5——核心模块1
node.js学习笔记5--核心模块1 Node.js核心模块主要内容包括:(1)全局对象 (2)常用工具 (3)事件机制 (4)文件系统访问 (5)HTTP服务器与客户端一: 全局对象 Node. ...

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

小菜鸡的Three.js学习笔记（一）-三维模型压缩DRACO初探相关推荐

最新文章

热门文章