1. 概述
適用場景：安裝了「FVS企業戰情室編輯模式」插件的使用者，可參考本文了解 FVS 範本的相關功能。
注：不支援行動端。
1.1 版本
| 報表伺服器版本 | 插件版本 | 功能變動 |
|---|---|---|
| 11.0.6 | V1.7.0 | 新增：三維組件上傳自訂模型時新增「風格預處理」功能，可啟用模型的「線框風格」 以實現科技感線框效果，提高三維場景的科技氛圍 |
1.2 應用場景
在三維場景中，線框風格是最有科技感的一種視覺效果，常用於以下兩種場景：
透視模型內部情況，例如機器內部運作情況
提高整體場景的科技氛圍
例如機器產線模型開啟線框風格的效果如下圖所示：
1.3 功能簡介
1）在 三維城市組件 和 自訂模型組件 中上傳自訂 glb 模型時，支援進行「風格預處理」，可啟用線框風格。
2）線框風格分為「預設線框」和「自訂線框」，只能選擇一種使用。
3）「自訂線框」需上傳與模型外表相匹配的線框貼圖，線框貼圖的製作方式可參考：三維模型如何製作線框貼圖 。
4）模型屬性中新增「風格」設定項，支援修改風格的相關設定。
5）模型屬性中新增「動畫」設定項，啟用了線框風格的模型支援新增「線框變化動畫片段」，新增後即可作為三維組件的動畫使用。
2. 模型線框風格
請點選下載本文使用的模型及貼圖資源：模型及貼圖資源.zip
2.1 新增組件並建立場景
1）建立一張視覺化看板，可自訂名稱、畫布尺寸等。如下圖所示：
2）點選組件區「3D>三維自訂場景」，將組件新增到畫布中，點選右側配置區「編輯組件」，進入自訂模型組件編輯頁面。如下圖所示：
3）首次進入自訂模型組件編輯介面時，需要生成一個空場景或匯入已有場景。這裏我們選擇一種風格，生成場景即可。如下圖所示：
2.2 風格預處理
1）點選「模型」進入模型配置面板，點選「+新增模型物件」或「新增模型」進入模型管理介面。
2）點選「上傳模型」，選擇下載的範例檔案中的 production_line.glb 檔案。如下圖所示：
3）上傳模型時，需對模型進行預處理：
資料預處理：可調整模型的顯示層級。該操作僅支援預處理時設定，後續無法再次編輯或者廢除。
風格預處理：可選擇是否勾選「啟用線框風格」。勾選後，可選擇使用「預設線框」或「自訂線框」。
左側預覽介面會顯示線框風格，可透過滑鼠左右鍵及滾輪調整視角。
預設線框：支援「臨界值」調整設定。臨界值越大，線框風格包括的細節越多。
注1：預設臨界值為 10 可能會導致有些模型看不出效果，此時將臨界值調大即可。
注2：若上傳的模型面數過多，啟用預設線框時，載入可能非常慢。建議先簡化模型面數後再進行風格預處理。
自訂線框：支援上傳與模型外表相匹配的線框貼圖，貼圖必須是用建模軟體處理匯出的 png 圖片，如何製作可參考：三維模型如何製作線框貼圖 。
注：若需客製模型及線框貼圖可交握帆軟銷售顧問。
4）模型預處理完成後即被新增到模型庫中，滑鼠懸浮模型檔案時，出現「模型預處理」和「刪除」按鈕。
5）點選「模型預處理」按鈕，彈出模型預處理設定框，此時僅支援修改「風格預處理」相關設定，「資料預處理」設定項灰化不可編輯。如下圖所示：
2.3 模型風格
選中模型列表中的模型物件時，在下方屬性面板中可設定模型「風格」，支援設定為「預設」或「線框風格」。
1）模型初始時，風格均顯示為「預設」，展示為模型原始風格。如下圖所示：
2）若模型風格預處理時，啟用了線框風格，則根據線框風格類型顯示為不同的選項：
線框風格(預設)：表示預設風格為「預設線框」，支援設定線框粗細和線框顏色。
線框風格(自訂)：表示預設風格為「自訂線框」，僅支援設定線框顏色。
3）若模型風格預處理時，未啟用線框風格，此時選擇「線框風格」，會提示 操作失敗，請先處理線框風格。
點選「立即處理」，在彈出的風格預處理設定框中設定後，點選「確定」，即可成功切換風格。
如下圖所示：
4）點選右側「風格預處理」設定按鈕，也會彈出設定框，支援修改預設的線框風格。
2.4 線框變化動畫
2.4.1 新增動畫片段
1）選中模型列表中的模型物件時，在下方屬性面板中可設定模型風格切換「動畫」，支援新增多個動畫片段。
2）設定一個「從原始到線框」的動畫片段。如下圖所示：
注：要新增線框變化動畫需啟動線框風格，若未啟動線框風格，點選「+線框變化動畫片段」，會提示「操作失敗，請先處理線框風格 」。此時點選「立即處理」，啟動線框風格後，再重新新增動畫片段即可。
2）各設定項說明如下表所示
| 設定項 | 說明 |
|---|---|
| 片段名稱 | 自訂該動畫片段的名稱，同一模型不同線框變化動畫片段不支援重名 |
| 片段物件 | 若該模型有多個層級，支援選擇某個層級中的一部分 |
| 初始風格 | 選擇動畫開始的風格 |
| 結束風格 | 選擇動畫結束的風格，可設定對應風格的設定項 |
| 片段時長 | 可設定動畫片段的時長，預設為 5 s |
| 過渡效果 | 可設定不同風格之間的過渡效果，目前僅支援「溶蝕過渡」 選擇「溶蝕過渡」後，可修改溶蝕過渡的相關配置 |
2.4.2 設定動畫效果
1）新增線框變化動畫片段後，即可在「模型動畫管理」中新增動畫方案。如下圖所示：
注：V2.10.0 版本之前，需要先勾選「開啟模型動畫」，再點選「新增動畫方案。
2）設定完成點選「確定」，在左側模型展示介面即可立即看到動畫效果。如下圖所示：
注：若選擇單次播放，則模型會停留在動畫結束時的風格樣式。
2.5 其他組件點選觸發動畫
新增線框變化動畫後，可透過其他組件新增「交互點選事件」觸發三維組件動畫。
1）在 2.4.1 節「從原始到線框」動畫片段的基礎上，同理重新整理增一個「從線框到原始」的動畫片段。如下圖所示：
2）點選模型編輯介面左上角「傳回視覺化看板」，在畫布中新增兩個 標題組件 ，標題內容分別為「原始風格」和「線框風格」。如下圖所示：
3）選中「原始風格」標題，點選「交互>新增事件>滑鼠點選」，選擇「三維模型動畫」，設定動作名稱、動畫來源、動畫物件、播放命令、命令時機、播放方式。具體如下圖所示：
5）同理，為「線框風格」標題新增點選事件，動作名稱設定為「從原始到線框」，動畫物件選擇「從原始到線框」，其餘設定相同。
6) 最後預覽效果如下圖所示：
3. 範本下載
點選下載範本：自定义模型线框风格示例.fvs
