反馈已提交

网络繁忙

三维场景相机视角

  • 文档创建者:Alicehyy
  • 历史版本:8
  • 最近更新:Alicehyy 于 2024-02-04
  • 1. 概述

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

    1.1 版本

    报表服务器版本
    插件版本功能变动
    11.0V1.x-
    11.0.22V2.2.0
    • 视角新增缩放设置、垂直角度设置

    • 支持添加相机视角,并为视角绑定模型,可实现点击模型跳转视角

    • 视角操作新增快捷键

    11.0.22V2.2.1添加相机视角交互操作优化,详情参见 3.6 节

    1.2 功能简介

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

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

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

    1.3 视频教程

    2. 视角调整

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

    2.1 操作说明

    2.1.1 顶/主/侧视图

    在三维场景中,可在顶部工具栏中一键调整:顶视图、主视图、侧视图。如下图所示:

    54A305C4-003D-4A6C-92CA-8523BABD27F0.GIF

    2.1.2 旋转/平移/缩放视角

    1)旋转视角:按住鼠标左键随意拖动,可旋转视角。V2.2.0 及之后版本,还支持通过点击键盘 上/下/左/右 旋转视角。

    2)平移视角:按住鼠标右键水平拖动,可平移视角。V2.2.0 及之后版本,还支持通过点击键盘 W/A/S/D 平移水平面视角。

    3)缩放视角:滚动鼠标滚轮,可放大/缩小视角。

    6775F380-0B6E-4134-9508-82B70770E91F.GIF

    2.2 视角调整操作途径

    支持通过两种途径调整三维场景视角。

    1)在三维场景编辑界面调整

    在三维场景编辑页面,通过鼠标或键盘调整场景视角,点击「返回可视化看板」,自动保存最终视角。

    操作如 2.1 节所示。

    2)在画布界面调整视角

    在画布页面,选中组件,点击右上角「视角调整」按钮,即可在组件区域内调整三维场景视角。这里仅支持鼠标调整,不支持键盘调整。

    调整完成后,点击右上角「完成」按钮,或点击组件外任意区域,即可保存视角。如下图所示:

    552EAF2C-730C-458C-964A-00E9DE438758.GIF

    3. 视角属性配置

    进入三维场景编辑界面,场景右上角显示有视角参数面板;在「场景>相机」配置面板中,可进行视角属性的配置。

    3.1 视角参数

    视角参数展示有「相机坐标」和「视点坐标」,视角变化时,参数实时变化。支持「复制」和「粘贴替换」参数。

    例如复制当前视角参数,调整视角后,粘贴替换,会变换到粘贴的参数视角。如下图所示:

    F065B6BD-22CC-460A-9017-0D6206CEF2AF.GIF

    3.2 缩放设置

    缩放设置」的距离指的是相机与视点之间的距离,支持设置最近距离和最远距离,表示可缩放的程度,范围为 0-100 。

    最远距离需大于最近距离,两个数值相差越大,可缩放的范围越大。如下图所示:

    06467414-6C30-4439-ADB8-A361AEDCAB44.GIF

    3.3 垂直角度

    「垂直角度」指的是视线与地面的夹角,支持设置最小角度和最大角度,表示视线在 Y 轴方向上可旋转的范围,范围为 -90度 到 +90度。

    最大角度需大于最小角度,两个数值相差越大,Y 轴方向上可旋转的范围越大。如下图所示:

    77C038D2-AC5C-4C8E-A798-477D9ACC1012.GIF

    3.4 景深

    勾选「开启景深效果」,可实现焦点距离范围内清晰,范围外模糊的效果。可设置对焦距离、光圈系数和模糊半径。

    1)对焦距离:指焦点物体对相机的距离,可设置为「动态」或「固定」。

    • 动态:永远以当前视角的中心物体为对焦对象,自动计算对焦距离。

    • 固定:可设置固定对焦距离。可以一键获取当前自动对焦的距离。

    2)光圈系数:可以控制景深的深浅,值越小,景深越浅,清晰的部分越少。范围为 0.1~40 。

    3)模糊半径:指景深的模糊半径效果,即画面模糊程度,可设置为低,中,高。

    A6038E12-9876-421A-8089-34539D762187.GIF

    3.5 运动

    勾选「开启视角变化」,三维场景可自动 360° 旋转,支持调整视角旋转的速度。开启视角变化不影响用户调整场景视角。

    V2.4.0 及之后版本,预览时,鼠标悬浮于运动的三维组件,运动暂停,鼠标移出,运动继续。

    D1D2F0E9-C8C8-4AE4-B515-91449D47CDE6.GIF

    3.6 相机视角

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

    1701661050782259.png

    1)视角名称:支持修改视角名称,不支持重名。

    2)视角参数:

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

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

    8A80D7EC-7923-4903-A293-C4ED96CA9D44.GIF

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

    2BD60A96-9D5D-4F62-8879-C233ACAEC448.GIF

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

    E1BDA524-DD1C-4F91-8DC0-D202C95DDA01.GIF


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

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

    Snag_14c862ad.png

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

    4F025FFD-FCDD-4492-BF27-48ECFA220214.GIF

    4)支持添加多个视角,视角列表如下图所示:

    Snag_14c1cec7.png

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

    8C2D772E-5F14-44A6-8BF1-535479C04339.GIF

    4. 模板下载

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

    附件列表


    主题: FineVis数据可视化
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持