Cesium开发: Draco模型压缩

本文涉及的产品
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: Cesium开发: Draco模型压缩

Draco 由谷歌 Chrome 媒体团队设计,旨在大幅加速 3D 数据的编码、传输和解码。Draco的研发团队将这个开源算法的首要应用在chorme浏览器上。谷歌将这个算法开源,现在全世界的开发者可以去探索 Draco 在其他场景的应用。目前谷歌提供了两个代码版本:JavaScript 和 C++。
image.png
Draco可以用来压缩 mesh 和点云数据。它还支持压缩点( compressing points),连接信息,纹理协调,颜色信息,法线( normals)以及其他与几何相关的通用属性。

draco的github项目地址:

https://github.com/google/draco

Cesium1.44开始支持解析draco压缩算法的gltf/glb模型,将模型使用具有draco算法的工具进行压缩,例如blender等,Cesium加载模型时,进行模型的解析。

对比使用draco算法压缩的模型,模型的数据量变小了相当多,这样会提高网络上的传输速度。

在3D Tiles的大批量模型中,使用这一算法进行提前压缩,可以大大的减少网络传输的数据量。

Cesium官方还专门写了这样的一篇博客:

https://cesium.com/blog/2018/04/09/draco-compression/

同时,Cesium在前端使用了Web Assembly的技术进行模型的解析,更提高了模型的解析性能,在Cesium的发行包中,可以看到Web Assembly技术的draco_decoder.wasm文件。
在压缩提高传输速度的情况下,模型的质量并没有减小。

相关文章
|
6月前
three.js的3D模型渲染主要构成
three.js的3D模型渲染主要构成
105 0
|
编解码 图形学 C++
如何在Blender中压缩/减小GLTF模型的大小
Blender是一款功能强大的开源软件,旨在创建3D图形,动画和视觉效果。它支持多种文件格式的导入和导出,包括GLB,GLTF,DAE,OBJ,ABC,USD,BVH,PLY,STL,FBX和X3D。这种适应性使其成为各种3D项目和工作流程的宝贵工具。(https://www.blender.org/download/)。
460 0
Cesium系列:加载单个模型
Cesium如何加载单个三维模型数据
529 0
|
1月前
ThreeJs设置模型的边线
这篇文章介绍了如何在Three.js中为3D模型添加边线效果,并提供了实现这一功能的代码示例。
35 2
|
3月前
|
Web App开发 JSON JavaScript
WebGL简易教程(十五):加载gltf模型
WebGL简易教程(十五):加载gltf模型
108 1
|
3月前
|
编解码 缓存 算法
Three.js如何降低3D模型的大小以便更快加载
为加快600MB的3D模型在Three.js中的加载速度,可采用多种压缩方法:1) 减少顶点数,使用简化工具或LOD技术;2) 压缩纹理,降低分辨率或转为KTX2等格式;3) 采用高效文件格式如glTF 2.0及draco压缩;4) 合并材质减少数量;5) 利用Three.js内置优化如BufferGeometry;6) 按需分批加载模型;7) Web Workers后台处理;8) 多模型合并减少绘制;9) 使用Texture Atlas及专业优化工具。示例代码展示了使用GLTFLoader加载优化后的模型。
396 12
|
3月前
|
Web App开发 应用服务中间件 定位技术
three.js:三维模型加载量测试
three.js:三维模型加载量测试
171 4
|
3月前
|
API Python
Blender导出带透明贴图的gltf模型
Blender导出带透明贴图的gltf模型
154 0
Blender导出带透明贴图的gltf模型
|
6月前
|
存储
THREEJS实战6_加载fbx模型
THREEJS实战6_加载fbx模型
794 1
|
JSON 算法 数据可视化
⚡Three.js-在场景中导入3D动画模型
⚡Three.js-在场景中导入3D动画模型
47159 4
⚡Three.js-在场景中导入3D动画模型