三維場景相機視角

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

1.1 版本

1.2 功能簡介

三維自訂場景組件 和 三維城市場景組件 支援對三維場景視角進行調整，支援配置縮放距離、垂直角度等基礎屬性。

支援新增多個相機視角，為視角綁定模型後，可幫助使用者快速定位到想要的位置。

本文將以三維自訂場景組件為例，詳細介紹相機視角的相關設定及操作方式。

在進行視角屬性配置前，我們先了解一下如何調整視角。

2.1 操作說明

2.1.1 頂/主/側檢視表

在三維場景中，可在頂部工具欄中一鍵調整：頂檢視表、主檢視表、側檢視表。如下圖所示：

2.1.2 旋轉/位移/縮放視角

1）旋轉視角：按住滑鼠左鍵隨意拖動，可旋轉視角。V2.2.0 及之後版本，還支援透過點選鍵盤 上/下/左/右 旋轉視角。

2）位移視角：按住滑鼠右鍵水平拖動，可位移視角。V2.2.0 及之後版本，還支援透過點選鍵盤 W/A/S/D 位移水平面視角。

3）縮放視角：捲動滑鼠滾輪，可放大/縮減視角。

2.2 視角調整操作途徑

支援透過兩種途徑調整三維場景視角。

1）在三維場景編輯介面調整

在三維場景編輯頁面，透過滑鼠或鍵盤調整場景視角，點選「傳回視覺化看板」，自動儲存最終視角。

操作如 2.1 節所示。

2）在畫布介面調整視角

在畫布頁面，選中組件，點選右上角「視角調整」按鈕，即可在組件區域內調整三維場景視角。這裏僅支援滑鼠調整，不支援鍵盤調整。

調整完成後，點選右上角「完成」按鈕，或點選組件外任意區域，即可儲存視角。如下圖所示：

進入三維場景編輯介面，場景右上角顯示有視角參數面板；在「場景>相機」配置面板中，可進行視角屬性的配置。

3.1 視角參數

視角參數展示有「相機座標」和「視點座標」，視角變化時，參數實時變化。支援「複製」和「貼上更換」參數。

例如複製當前視角參數，調整視角後，貼上更換，會變換到貼上的參數視角。如下圖所示：

3.2 縮放設定

「縮放設定」的距離指的是相機與視點之間的距離，支援設定最近距離和最遠距離，表示可縮放的程度，範圍為 0-100 。

最遠距離需大於最近距離，兩個數值相差越大，可縮放的範圍越大。如下圖所示：

3.3 垂直角度

「垂直角度」指的是視線與地面的夾角，支援設定最小角度和最大角度，表示視線在 Y 軸方向上可旋轉的範圍，範圍為 -90度 到 +90度。

最大角度需大於最小角度，兩個數值相差越大，Y 軸方向上可旋轉的範圍越大。如下圖所示：

3.4 景深

勾選「開啟景深效果」，可實現焦點距離範圍內清晰，範圍外模糊的效果。可設定對焦距離、光圈係數和模糊半徑。

1）對焦距離：指焦點實體對相機的距離，可設定為「動態」或「固定」。

• 動態：永遠以當前視角的中心實體為對焦物件，自動計算對焦距離。

• 固定：可設定固定對焦距離。可以一鍵獲取當前自動對焦的距離。

2）光圈係數：可以控制景深的深淺，值越小，景深越淺，清晰的部分越少。範圍為 0.1～40 。

3）模糊半徑：指景深的模糊半徑效果，即畫面模糊程度，可設定為低，中，高。

3.5 運動

勾選「開啟視角變化」，三維場景可自動 360° 旋轉，支援調整視角旋轉的速度。開啟視角變化不影響使用者調整場景視角。

V2.4.0 及之後版本，預覽時，滑鼠懸浮於運動的三維組件，運動暫停，滑鼠移出三維組件，運動繼續。

注：FVS V3.0.0 及以上版本，新增組件懸停的控制API，可實現懸停效果的開啟或關閉。詳情請參見：JS控制滑鼠懸停效果的開啟與關閉 。

3.6 相機視角

點選「新增當前視角」，彈出視角設定面板，預設顯示當前視角參數。

1）視角名稱：支援修改視角名稱，不支援重名。

2）視角參數：

• 支援在左側場景中調整視角，也支援手動修改視角參數座標值，場景視角與視角參數同步變化。

注：V2.2.1 之前版本，手動修改座標值，左側場景視角不會跟隨變化。

• 支援「複製」和「貼上更換」視角參數。

• 在左側場景中調整視角，跳出視角設定後，保持調整後視角；在右側面板中調整視角參數座標，跳出視角設定後，保持調整前視角。

3）綁定模型：支援綁定模型，一個視角支援綁定多個模型，一個模型只能綁定一個視角。已綁定視角的模型，再次被綁定時，之前視角中取消綁定該模型。

注：三維城市場景組件中，僅支援綁定自訂模型。

視角綁定模型後，預覽時點選模型，即可切換到對應視角。

4）支援新增多個視角，視角列表如下圖所示：

在視角列表中，點選視角，左側場景即可切換到對應視角。

點選下載範本：測試範本.fvs