three.js加载3d模型_Web 3D 模型可视化方案

一、一般流程：

1.3dtiles=gltf+lod(gltf2.0)

2. 3dmodel转3dtiles(转换工具objto3d-tiles)

• 格式转换  obj转b3dm, i3dm, gltf

• 瓦片生成  bdm、 i3dm 格式生成(只有cesium支持)

备注：gltf格式介绍见地址https://cloud.tencent.com/developer/news/204942。简单讲就是一种图形交换格式，为了节约存储空间，减少带宽压力。将贴图文件用base64编码，变成一堆机器码直接插在gltf文件中。

3. 3dtiles服务发布(容器，服务)

4.前端webgl引擎加载gltf展示(mapbox gl-threejs加载)

二、一个DEMO引发的思考：

通过objto3dtiles将obj模型转成*.gltf格式，gltf文件存放到目录下，利用maobox gl本地加载gltf进行前端可视化。

问题：

   1.      格式支持，除了gltf/glb，如何加载瓦片(b3dm，i3dm等等)。

   2.      批量加载，单体化选择。

   3.      Mapbox token问题。

三、方案分析：

<