Cesium.js加载3D模型学习篇

这几天在学习cesium.js加载3D模型,在网上找到一些相关的分享文档,但是经过实际操作后发现在某些地方相对文档有一些该进。故在此分享一下自己的,以供自己和其他有需要的人查阅。我的是3dmax2011,32位

一、 下载OpenCollada插件

       我在CSDN上重新下载了一个,但是需要一积分,没有CSDN账号的人自己在网上查询下载。http://download.csdn.NET/download/flashalang/4952701,下载下来是一个程序,如下图:

直接点击运行就可以了。运行成功后直接启动或者重启3Ds Max软件。 

二、进行3D文件的格式转换

  模型完成后,单击3D Max 左上角图标后,点击导出(export),默认导出路径,文件名随自己喜好,并将文件类型选择为OpenCollada.DAE。

Cesium.js加载3D模型学习篇_第1张图片

点击确定后选择相对路径,如下图:

Cesium.js加载3D模型学习篇_第2张图片

三、接下来就是DAE 文件转换到 GLTF文件

1)下载Cesium提供的转换工具:ColladaToGltf.exe,下载地址为:https://github.com/KhronosGroup/glTF/releases

2)进行DAE 文件的装换

Windows下打开命令行模式,进入到该工具的文件夹中,然后通过命令进行文件转换:

collada2gltf.exe -f {dae文件的绝对路径} -e

-f :string,指定dae文件的绝对路径

-e:将所有的文件全部打包成一个gltf文件,如果没有指定的话则会生成 bin gltfglsf等多种文件。

该命令执行完成后,就会发现dae所在文件中出现了一个 同名的 GLTF文件。斜体字这一段是直接复制的我查找的文档里的,因为后面基本上就一样。

Cesium.js加载3D模型学习篇_第3张图片

这个路径挺长,可以直接把程序拖进去,路径就自己生成了。也可以很好的避免写错路径,当初并不知道可以直接把东西拖进去,害的我写了好多次,错了好多次,内心是无法言说的崩溃。切记程序和dae文件的顺序不要反了。


四、使用Cesium加载3D模型

将转换的dae文件和gltf文件全部拷到相应的文件夹中.然后通过cesium提供的例子或者项目里面测试。根据我暂时做过的小项目的经验,你可以直接替换项目里的gltf的路径就可以了。但同时也发现了一个问题,模型上去了,样式却丢了,接着找办法解决



五、在执行了上面的一系列操作后,我的模型还是没有显示出来。经过经验丰富的人的提醒,大概可能以下三个问题导致的:

1)模型的轴心是否居中;

2)模型的法线是否反转;

3)模型的属性与例子里相斥。

我的问题是第一个的问题,在网上查询资料后就解决了。执行了一二三四这四个流程后模型出不来的人可以从这三个方面查找一下原因。

此处奉上居中模型的步骤,只需要一张图就可以搞定了,大家做模型的时候一定不要像我这么粗心,最后白白费了好多力气。

Cesium.js加载3D模型学习篇_第4张图片


参考文档:http://blog.csdn.Net/u011518678/article/details/50764835




你可能感兴趣的:(cesium。js加载3D模型)