1. 程式人生 > >CesiumJS - 3D Tiles BIM

CesiumJS - 3D Tiles BIM

下載安裝 命令 安裝和配置 數據 intro title cal 世界 ali

CesiumJS - 3D Tiles BIM

[email protected]

1. Introduction

CesiumJS is an open-source JavaScript library for world-class 3D globes and maps.

技術分享圖片

從其官網上可以看到這個庫的願景:成為世界級的三維地圖。由於其高性能,對大模型的優化技術,可以用於BIM。支持Cesium的財團裏面就有Bentley。Bentley也有工廠CAD軟件。

2. Node.js

從nodejs官網https://nodejs.org/en/download/上下載安裝包,如果沒有安裝權限,可以下載免安裝的打包文件:

技術分享圖片

直接解壓到d:/nodejs。並在此文件夾中創建兩個文件夾:node_global, node_cache,如下圖所示:

技術分享圖片

然後使用CMD窗口,切換到d:/nodejs目錄,輸入如下命令來設置global和cache:

npm config set prefix “d:/nodejs/node_global”

npm config set cache “d:/nodejs/node_cache”

並修改nodevars.bat中的環境變量:

技術分享圖片

並運行nodevars.bat。

安裝CesiumJS所需要的插件:

npm install compression -g

npm install request -g

npm install yargs -g

3. CesiumJS Hello World

在CMD命令窗口中切換到Cesium文件夾,並輸入命令:

Node server.js

出現如下圖所示的 Cesium development server running locally.

表示Cesium可以在本地運行了。

技術分享圖片

在瀏覽器中輸入地址:http://localhost:8080,出現如下圖所示頁面:

技術分享圖片

點擊HelloWorld鏈接,出現如下圖所示的的一個三維地球就表示Cesium安裝成功了。

技術分享圖片

4. 3D Tiles BIM Demo

在Cesium的官網上有Bentley提供的一個工廠BIM模型例子,可以從如下地址查看:

https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/index.html?src=3D%20Tiles%20BIM.html

技術分享圖片

技術分享圖片

從其官方的介紹來看,Cesium使用的3D Tiles技術可以對三維模型數據進行壓縮及其他優化技術,使其可以加載很大的模型的情況下,瀏覽順暢。且3D Tiles格式也是開源的,可以學習借鑒。

5. Conclusion

本文介紹了CesiumJS這個JavaScript庫的安裝和配置,並展示了其在BIM中的一個應用例子。可以通過學習CesiumJS來將PDMS模型轉換成3D Tiles格式,來測試其對大模型的支持效果。

CesiumJS - 3D Tiles BIM