反饋已提交
網絡繁忙
功能簡介:【三維城市】組件支援使用者上傳自訂模型,透過組件事件和資料圖層,可實現智慧園區效果,如下圖所示。
操作步驟:本文将以搭建一個智慧園區作為範例,建議操作步驟如下表所示。
注:本文是在無三維城市作為背景的情況下,搭建智慧園區,因此匯入一個空場景即可,使用者也可以将自訂模型和三維城市結合使用。
序号
步驟
簡介
1
範本準備
新建大屏範本,新建頁面,新增【三維城市】組件,編輯組件。
2
匯入空場景
匯入空場景。
3
添加自訂模型
上傳本地制作的自訂模型,添加到自訂模型列表。
4
配置自訂模型
調整自訂模型的位置,視角,大小,名稱,模型動畫等。
5
資料管理
添加資料集,配置資料圖層,讓資料和模型相結合。
6
添加互動事件
透過添加互動事件,實現點擊模型,傳遞參數/跳轉分頁等互動效果。
新建一個FVS大屏範本,如下圖1所示。
新增一個【三維城市】組件,點擊【編輯組件】,進入三維城市編輯頁面。如下圖2所示。
本範例提供一個空的場景,請下載到本地并解壓: 空.zip 。
點擊【創建場景】→【匯入已有場景】,匯入本地空場景。如下圖所示。
首先使用者需要透過建模軟件生成【.glb】格式的自訂模型。
自訂模型制作完成後,建議使用者可在建模軟件中合并mesh,減小模型大小會提升預覽流暢度,建議模型大小不超過50M。
在三維城市組件編輯界面,點擊右側配置欄的【模型】→【添加自訂模型】,點擊【上傳新模型】,選擇本地準備好的【.glb】檔案型别的自訂模型,即可上傳到範本中。
V1.2.0 及之後版本的插件,支援調整模型的顯示層級。預設層級上限為2。如下圖3所示。
上傳模型時設定的顯示層級不可撤銷,適用於所有使用該自訂模型的元件。例如一個模型是一個班級,班級又分為兩組人,每組裡面又分為6個單獨的同學。0級代表模型為1個整體,班級不可拆分。1級代表可點選小組。以此類推。
選擇配置欄【模型】→【添加自訂模型】,選中上傳的任意一個模型,點擊【完成】。模型即被添加到【模型列表】→【自訂模型】處,如下圖所示。
注:若添加的自訂模型在中間展示區不顯示,一般都是因為模型太大, 需要将視角拉遠/模型縮放後才能正常顯示。
模型列表中的自訂模型支援重命名、隐藏、删除。禁止完全一樣的命名。
選中模型列表中的自訂模型,支援配置相關模型屬性。各屬性說明見下表。
右上角【模型動畫管理】,若模型中存在動畫效果,可以透過添加動畫方案,觸發動畫。
V1.2.0 及之後版本的插件,按照上傳模型時設定的顯示層級,可選中模型中的部分小模型,對其屬性進行單獨配置。不會影響其他部分的模型。如下圖2所示。
屬性
模型名稱
支援自訂命名模型名稱。
縮放
支援縮放模型的長寬高。
若勾選【固定比例】,長寬高等比縮放。
位置
調整模型在組件中的位置。
旋轉
調整模型的展示視角。
三維城市組件中支援添加四種資料圖層:點、柱體、線、模型。
一般如不使用三維城市模型,僅使用自訂模型,那麽就僅添加【模型-資料圖層】即可。
V1.2.0 及之後版本的插件,按照上傳模型時設定的顯示層級,匹配【模型-資料圖層】。例如設定顯示層級為2層。第一層【模型名稱】為【玩具】,第二層【模型名稱】為【人偶】、【房屋】,第三層【模型名稱】為【小明】、【小紅】、【客廳】、【臥室】。那麼僅可匹配【模型名稱】為【玩具】、【人偶】、【房屋】的資料,無法匹配【模型名稱】為【小明】、【小紅】、【客廳】、【臥室】的資料。
完成自訂模型配置後,點擊【返回大屏編輯器】,自動保存配置,并回到畫布界面。
選中三維城市組件,點擊配置欄【互動】→【點選事件】,為模型添加JavaScript事件。
設定參數名稱為【name】,參數型别為【當前組件字段】,參數内容為【模型名稱】。
JavaScript代碼如下面代碼塊所示。(含義:點擊名稱為總控室的模型,就跳轉到名稱為總控室的分頁。)
V1.2.0 及之後版本的插件,按照上傳模型時設定的最高顯示層級,匹配【模型名稱】。例如設定顯示層級為2層。第一層【模型名稱】為【玩具】,第二層【模型名稱】為【人偶】、【房屋】,第三層【模型名稱】為【小明】、【小紅】、【客廳】、【臥室】。那麼僅可匹配【模型名稱】為【人偶】、【房屋】的資料,無法匹配【模型名稱】為【玩具】、【小明】、【小紅】、【客廳】、【臥室】的資料。
if(name=='總控室'){ duchamp.switchStory("總控室"); }
已完成範本請參見:FVS自訂模型範例.fvs。
若在範本中上傳了一些和環境有關的自訂模型元素,在編輯三維城市組件時,會提示【引入了内部特性,非産品功能,請勿用於實施!】。
文 檔回 饋
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉