Cesium載入三維模型步驟

一．環境配置

1.1 下載Cesium js

   https://github.com/AnalyticalGraphicsInc/cesium/releases或https://cesiumjs.org/downloads/，下載最新版本的Cesium。

1.2 下載Nodejs

   可在官網上https://nodejs.org/en/下載Nodejs安裝包，安裝完之後，執行相對應的命令檢查是否安裝成功。

   設定Nodejs的環境變數及其他配置，具體操作如下所示：

1.3 執行npm install

   開啟cmd命令列進入到cesium的安裝目錄，執行npm install，這個過程因為要連線到國外的網站，過程會非常慢，如果安裝失敗可以去網上找找原因，該命令執行成功後會在cesium根目錄下建立node_modules目錄，具體效果如下：

注意事項：

（1）錯誤一：代理

1.4 安裝gulp依賴項

二．編譯Cesium js

   在Cesium目錄下cmd執行gulp default命令，操作及結果如下所示：

注意事項：

（1）錯誤一：gulp不是內部命令

三．準備三維資料

    Cesium中目前支援gltf和bgltf兩種格式，gltf和bgltf都可以通過dae格式的三維模型轉換而來，這裡使用的模型是經過3ds Max匯出的dae格式資料，而3ds Max本身不支援匯出dae格式資料，要達到預期結果，需新增OpenCollada外掛；再通過使用colladaTogltf.exe轉換工具轉成gltf格式或bgltf格式。

3.1 新增OpenCollada外掛

   重新啟動3ds Max軟體，開啟相應max檔案，再匯出DAE格式的模型，具體操作如下：

3.2 資料轉換工具

   下載collada2gltf 工具,下載地址：

https://github.com/KhronosGroup/glTF/releases，此工具用來將dae格式檔案轉換為gltf格式，下載完解壓後的目錄如下圖：

3.2.1 daeTogltf

    使用colladaTogltf.exe把dae資料轉為gltf格式資料。通過cmd進入到colladaTogltf.exe所在的資料夾，使用如下命令即可：

collada2gltf.exe -f daePath -e或者collada2gltf.exe–f daePath -o gltfPath。

這裡的daePath為dae檔案的全路徑，比如C:\Test.dae，可以把三者放同一個檔案下，那樣的話這裡的daePath就只要提供dae檔案的名字即可，比如test.dae，gltf。同樣只要一個檔名即可。

另外這裡使用-e命令選項的意思是把轉換後的gltf只輸出為一個檔案，其把幾何和紋理資料一起打包在一起；-o命令則一般輸出3個格式.bin、.gltf、.glsl。（Cesium在1.16後提供了紋理和幾何非同步載入的機制，這樣就建議不要用-e了）轉換成功時的命令列會輸出轉換過程中轉換的一些資訊，包含了幾何和動畫資訊，並且轉換後的gltf會在exe或者指定的資料夾下。如下圖：

3.2.2 daeTobgltf

    對於轉換為bgltf也是同樣的道理。把collada2gltf.exe和colladaToBgltfConverter.jar放到同一個資料夾下，cmd進到該資料夾，通過如下命令格式可以進行轉換。

java -jar colladaToBglTFConverter.jar -c collada2gltf.exe -i inputPath -o outputPath

這裡inputPath只需指明dae格式所在資料夾，outputPath則是輸出格式的資料夾。轉換後的輸出為：轉換後的資料在指定輸出資料夾下。

四．載入三維模型

4.1 載入模型方法

4.2 載入模型效果