三维场景相机视角

适用场景：安装了「FineVis数据可视化」插件的用户，可参考本文了解 FineVis 的相关功能。

1.1 版本

1.2 功能简介

三维城市场景组件 和 三维自定义场景组件 支持对三维场景视角进行调整，支持配置缩放距离、垂直角度等基础属性。

支持添加多个相机视角，为视角绑定模型后，可帮助用户快速定位到想要的位置。

本文将以三维自定义场景组件为例，详细介绍相机视角的相关设置及操作方式。

1.3 视频教程

在进行视角属性配置前，我们先了解一下如何调整视角。

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 及以上版本，新增组件悬停的控制接口，可实现悬停效果的开启或关闭。详情请参见：JS控制鼠标悬停效果的开启与关闭。

3.6 相机视角

点击「添加当前视角」，弹出视角设置面板，默认显示当前视角参数。

1）视角名称：支持修改视角名称，不支持重名。

2）视角参数：

• 支持在左侧场景中调整视角，也支持手动修改视角参数坐标值，场景视角与视角参数同步变化。

注：V2.2.1 之前版本，手动修改坐标值，左侧场景视角不会跟随变化。

• 支持「复制」和「粘贴替换」视角参数。

• 在左侧场景中调整视角，退出视角设置后，保持调整后视角；在右侧面板中调整视角参数坐标，退出视角设置后，保持调整前视角。

3）绑定模型：支持绑定模型，一个视角支持绑定多个模型，一个模型只能绑定一个视角。已绑定视角的模型，再次被绑定时，之前视角中取消绑定该模型。

注：三维城市场景组件中，仅支持绑定自定义模型。

视角绑定模型后，预览时点击模型，即可切换到对应视角。

4）支持添加多个视角，视角列表如下图所示：

在视角列表中，点击视角，左侧场景即可切换到对应视角。

点击下载模板：测试模板.fvs