项目背景 在vue中利用three.js,搭建3D智慧配电房监测系统,其中发现设计师给的模型太大了最大的一个模型有6MB之大,以至于后面模型加载的时候页面速度变得超级的慢,所以需要将模型进行优化,将其变小; 模型优化 设计师给我的模型类型是obj的,还带有素材mtl。通过百度发现浏览器 ...
.准备好模型文件table.obj和table.mtl .下载obj gltf 下载地址https: github.com AnalyticalGraphicsInc obj gltf 解压至文件夹名称obj gltf master .模型文件table.obj和table.mtl放进解压后的obj gltf master .在obj gltf master文件夹目录执行 .在obj gltf ...
2020-09-25 23:50 0 1486 推荐指数:
项目背景 在vue中利用three.js,搭建3D智慧配电房监测系统,其中发现设计师给的模型太大了最大的一个模型有6MB之大,以至于后面模型加载的时候页面速度变得超级的慢,所以需要将模型进行优化,将其变小; 模型优化 设计师给我的模型类型是obj的,还带有素材mtl。通过百度发现浏览器 ...
首先需要安装gltf转换工具 npm install --save obj2gltf 安装成功后,执行下列语句即可成功转换,-i表示输入文件,-o表示输出文件 obj2gltf -i model.obj -o model.gltf ...
核心代码 ...
效果图 demo ...
在cesium中导入模型需要的是gltf或glb格式的文件,cesium官方提供了obj转gltf文件的工具,一个obj2gltf的库,地址为https://github.com/AnalyticalGraphicsInc/obj2gltf,下载后在cesium目录下使用命令行使用npm ...
obj 格式3D模型转 gltf 格式 这个就很简单了,如果我们需要使用 gltf 格式模型,但是我们目前只有 obg 格式化,我们需要转化一下。 有几种方式,但是我只试验过第一种,是可以的,在 cesium 中是可以正常使用的。 obj2gltf(转换工具) https ...
在用cesium的过程中难免需要导入别人做好的3D模型,这时候就需要将这些模型转成gltf格式了 当然,官方也给了我们一个网页版的转换器,但是毕竟是网页版的,效率极其低下,文件还不能太大,所以我们就需要一个格式转换器了 现在只支持obj和dae转gltf,我感觉obj比较方便,所以我 ...
cesium中支持载入3D模型,不过只支持gltf格式。gltf是khronos组织(起草OpenGL标准的那家)定义的一种交换格式,用于互联网或移动设备上展现3d内容,充分支持opengl,webgl,opengles图形加速标准。 在用cesium的过程中难免需要导入建好的obj或dae模型 ...