阿里雲物聯網三維可視化套件（ThingJS）使用初體驗

本文主要的目標是使用阿里雲的雲產品 - 物聯網套件三維可視化

開始

准備工作

1. 進入下載頁面下載頁面，點擊“模型編輯器下載”
2. 安裝模型編輯器下載
3. 安裝完畢，啟動模型編輯器下載，啟動后界面如下所示

1. 選擇新建場景，開啟場景自建

建立模型

1. 基礎操作

• 鼠標左鍵 - 旋轉、拖動
• 鼠標滾輪 - 放大、縮小
• 鼠標右鍵 - 平移場景、取消選中狀態
• 鼠標左鍵雙擊 - 進入模型內部
• 鼠標右鍵雙擊 - 退出模型內部
• 鍵盤空格 - 2D/3D 切換

1. 新建場景后，會看到這樣的樣子

1. 刪除人物，現在開始建設場景

1. 建立好圍牆、並選擇“室外-大門”

1. 開始建立建築，選擇“室內-建房”，在剛才建好的園區里放一個“自定義建築”，放好之后雙擊進入建築內部，象第四部一樣，先畫一個矩形牆，然后根據下圖中的①②③④選擇好建築外立面，並在選中建築物后浮出的菜單中，選擇“編輯”調整建築物模型的大小，如果忘記設置了，也可以通過①②兩步，重新回到選擇建築物外立面的界面

1. 擺放好各種物體，其中物聯網設備，一定要從右側邊欄- 設備-IOT 設備選取，此處的模型會在下一步和實際的物聯網設備關聯

1. 導出建好的模型，並非保存，參考下圖步驟

關聯模型

1. 回到阿里雲控制台，選擇創建場景，並上傳剛才導出的 zip 包，如果沒有產品，需要到左邊欄“設備管理”里創建一些設備，產品需要選擇高級版本

1. 點擊確定之后，進行設備關聯

產生聯動

1. 使用物聯網套件 SDK，把真實設備接入，請參考下一篇文章
2. 真實設備接入之后，即可和剛才建模中的模型進行互動

原文： https://yq.aliyun.com/news/217926