反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

FVS自訂三維模型

一、概述

  1. 功能簡介:【三維城市】組件支援使用者上傳自訂模型,透過組件事件和資料圖層,可實現智慧園區效果,如下圖所示。

  2. 操作步驟:本文将以搭建一個智慧園區作為範例,建議操作步驟如下表所示。

注:本文是在無三維城市作為背景的情況下,搭建智慧園區,因此匯入一個空場景即可,使用者也可以将自訂模型和三維城市結合使用。

序号

步驟

簡介

1

範本準備

新建大屏範本,新建頁面,新增【三維城市】組件,編輯組件。

2

匯入空場景

匯入空場景。

3

添加自訂模型

上傳本地制作的自訂模型,添加到自訂模型列表。

4

配置自訂模型

調整自訂模型的位置,視角,大小,名稱,模型動畫等。

5

資料管理

添加資料集,配置資料圖層,讓資料和模型相結合。

6

添加互動事件

透過添加互動事件,實現點擊模型,傳遞參數/跳轉分頁等互動效果。


二、新建組件

  1. 新建一個FVS大屏範本,如下圖1所示。

  2. 新增一個【三維城市】組件,點擊【編輯組件】,進入三維城市編輯頁面。如下圖2所示。

三、匯入空場景

  1. 本範例提供一個空的場景,請下載到本地并解壓: 空.zip

  2. 點擊【創建場景】→【匯入已有場景】,匯入本地空場景。如下圖所示。

注:本文是在無三維城市作為背景的情況下,搭建智慧園區,因此匯入一個空場景即可,使用者也可以将自訂模型和三維城市結合使用。

四、上傳自訂模型

  1. 首先使用者需要透過建模軟件生成【.glb】格式的自訂模型。

  2. 自訂模型制作完成後,建議使用者可在建模軟件中合并mesh,減小模型大小會提升預覽流暢度,建議模型大小不超過50M。

  3. 在三維城市組件編輯界面,點擊右側配置欄的【模型】→【添加自訂模型】,點擊【上傳新模型】,選擇本地準備好的【.glb】檔案型别的自訂模型,即可上傳到範本中。

  4. V1.2.0 及之後版本的插件,支援調整模型的顯示層級。預設層級上限為2。如下圖3所示。

  5. 上傳模型時設定的顯示層級不可撤銷,適用於所有使用該自訂模型的元件。例如一個模型是一個班級,班級又分為兩組人,每組裡面又分為6個單獨的同學。0級代表模型為1個整體,班級不可拆分。1級代表可點選小組。以此類推。

五、添加自訂模型

  1. 選擇配置欄【模型】→【添加自訂模型】,選中上傳的任意一個模型,點擊【完成】。模型即被添加到【模型列表】→【自訂模型】處,如下圖所示。

注:若添加的自訂模型在中間展示區不顯示,一般都是因為模型太大, 需要将視角拉遠/模型縮放後才能正常顯示。

六、自訂模型配置

  1. 模型列表中的自訂模型支援重命名、隐藏、删除。禁止完全一樣的命名。

  2. 選中模型列表中的自訂模型,支援配置相關模型屬性。各屬性說明見下表。

  3. 右上角【模型動畫管理】,若模型中存在動畫效果,可以透過添加動畫方案,觸發動畫。

  4. V1.2.0 及之後版本的插件,按照上傳模型時設定的顯示層級,可選中模型中的部分小模型,對其屬性進行單獨配置。不會影響其他部分的模型。如下圖2所示。

屬性

簡介

模型名稱

支援自訂命名模型名稱。

縮放

支援縮放模型的長寬高。

若勾選【固定比例】,長寬高等比縮放。

位置

調整模型在組件中的位置。

旋轉

調整模型的展示視角。



七、配置資料圖層

  1. 三維城市組件中支援添加四種資料圖層:點、柱體、線、模型。

  2. 一般如不使用三維城市模型,僅使用自訂模型,那麽就僅添加【模型-資料圖層】即可。

  3. V1.2.0 及之後版本的插件,按照上傳模型時設定的顯示層級,匹配【模型-資料圖層】。例如設定顯示層級為2層。第一層【模型名稱】為【玩具】,第二層【模型名稱】為【人偶】、【房屋】,第三層【模型名稱】為【小明】、【小紅】、【客廳】、【臥室】。那麼僅可匹配【模型名稱】為【玩具】、【人偶】、【房屋】的資料,無法匹配【模型名稱】為【小明】、【小紅】、【客廳】、【臥室】的資料。

 

八、添加點選事件

  1. 完成自訂模型配置後,點擊【返回大屏編輯器】,自動保存配置,并回到畫布界面。

  2. 選中三維城市組件,點擊配置欄【互動】→【點選事件】,為模型添加JavaScript事件。

  3. 設定參數名稱為【name】,參數型别為【當前組件字段】,參數内容為【模型名稱】。

  4. JavaScript代碼如下面代碼塊所示。(含義:點擊名稱為總控室的模型,就跳轉到名稱為總控室的分頁。)

  5. V1.2.0 及之後版本的插件,按照上傳模型時設定的最高顯示層級,匹配【模型名稱】。例如設定顯示層級為2層。第一層【模型名稱】為【玩具】,第二層【模型名稱】為【人偶】、【房屋】,第三層【模型名稱】為【小明】、【小紅】、【客廳】、【臥室】。那麼僅可匹配【模型名稱】為【人偶】、【房屋】的資料,無法匹配【模型名稱】為【玩具】、【小明】、【小紅】、【客廳】、【臥室】的資料。

if(name=='總控室'){    duchamp.switchStory("總控室");    }


九、已完成範本

  1. 已完成範本請參見:FVS自訂模型範例.fvs

十、注意事項

  1. 若在範本中上傳了一些和環境有關的自訂模型元素,在編輯三維城市組件時,會提示【引入了内部特性,非産品功能,請勿用於實施!】。

 



附件列表


主題: 11.0新增功能
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉