FVS點選切換三維環境效果

適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FineVis 的相關功能。

1.1 版本

1.2 應用場景

V4.0.0 版本新增「三維環境效果」點選事件，可實現點選其他組件切換三維組件環境效果。效果如下圖所示：

1.3 功能簡介

支援點選事件的二維組件，均支援新增「三維環境效果」事件。功能設定項包括：

• 動作名稱：設定該執行動作名稱。

• 觸發物件：選擇當前分頁或當前分頁應用的三維背景中的三維場景組件。為了區分三維背景頁和分頁的組件，選擇時組件名稱預設帶有頁面名稱前綴。

• 環境效果：支援選擇「觸發物件」中的所有環境效果。選中任意選項時，畫布中對應三維組件需預覽對應的環境效果。未選中選項時，顯示該組件預設效果。

2.1 建立範本

點選設計器左上角「檔案>建立視覺化看板」，建立一張空白視覺化看板，可自訂名稱和尺寸。如下圖所示：

2.2 新增三維組件

2.2.1 新增組件

新增一個三維自訂場景組件到畫布中，點選「編輯組件」，生成一個空場景。如下圖所示：

2.2.2 上傳並新增模型

1）點選下載並解壓 glb 模型檔案：整體園區模型.zip

2）在三維場景編輯介面，點選「模型>新增模型」彈出模型管理介面，點選「上傳模型」進行上傳。

選中模型，點選「載入場景」將其新增到場景中，載入後需自行關閉模型管理介面。如下圖所示：

3）設定模型縮放比例

「整體園區模型」新增到場景中時，縮放比例較小，需選中模型後，修改為合適的比例。如下圖所示：

2.2.3 配置環境效果

點選「場景>環境」，進入環境效果配置介面。

1）「環境效果1」使用預設配置。

2）點選右側  新增一個「環境效果2」，選擇科技星空效果，其餘配置使用預設配置。

2.3 新增點選事件

1）在場景編輯介面點選左上角「傳回視覺化看板」，回到畫布，新增兩個標題組件，標題內容分別為「切換三維環境效果1」和「切換三維環境效果2」。

2）給標題組件「切換三維環境效果1」新增一個點選事件，選擇「三維環境效果」，選擇對應的三維組件及環境效果。如下圖所示：

3）給標題組件「切換三維環境效果2」新增一個點選事件，選擇「環境效果2」。

2.4 效果預覽

點選範本右上角「儲存」，「預覽」按鈕，效果如 1.2 節預期效果所示。

注：不支援行動端。

點選下載範本：FVS點選切換三維環境效果.fvs