历史版本4 :FVS三维自定义场景组件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

适用场景:安装了「FVS大屏编辑模式」插件的用户,可参考本文了解 FVS 模板的相关功能。

1.1 版本

报表服务器版本
FVS大屏编辑模式(beta版)版本
11.0.2V1.2.0

1.2 功能简介

「自定义模型」组件无需依托智慧城市,可支持用户上传自定义模型,通过组件事件和数据图层,可实现独立的三维模型效果。

2. 新建组件编辑

新建一个FVS大屏模板:

新增一个「自定义模型」组件,点击「编辑组件」,进入自定义模型编辑页面。如下图所示:

编辑完成后,点击「返回大屏编辑器」,将自动保存组件内的设置,并回到画布页面。

3. 场景管理编辑

3.1 创建场景

若首次编辑该自定义模型组件,则需要先创建场景。

创建场景有两种方式:生成空场景,导入已有场景。

3.1.1 生成新场景

生成空场景,FVS提供三种场景风格:科技网格风格、科技丰巢风格和拟真风格。如下图所示:

3.1.2 导入已有场景

若用户获得了他人给与的.scene文件类型的自定义模型场景,用户在此步骤可直接导入。如下图所示:

3.2 导出场景

在自定义模型编辑界面,用户可导出当前场景。

导出场景时,会包括场景风格、右侧「场景」配置和「模型」配置,生成.scene文件。

导出的文件可参考上文 3.1.2 节,在其他自定义模型组件中使用。

3.3 设置场景属性

添加场景后,可对场景的属性进行配置,如下图所示:

设置项说明
全局设置整体风格

整体风格包括三种风格:科技网格风格、科技丰巢风格和拟真风格

更改整体风格将会覆盖所有已配置的样式设置

环境特效地面背景

指承载模型的地面样式。地面背景分为四种:蜂巢、网格、拟真、无

地面

地面设置包括地面颜色和地平线颜色,根据地面背景不同,出现对应设置

蜂巢效果
当地面背景选择「蜂巢」时,支持设置蜂巢密度、蜂巢颜色和蜂巢粗细
网格效果当地面背景选择「网格」时,支持设置网格密度、网格点颜色、网格线颜色和网格粗细
环境背景

至模型背后的模糊背景样式。内置了多种:广场、渐变、蓝天、闹市、星空、透明

可调整模糊效果和发光颜色

环境光可以设置环境光的强度和颜色
粒子若勾选「开启粒子特效」,空中会有类似雪花飞舞的效果出现
冲击波

为了突出显示某个区域,可设置冲击波,将区域设置为冲击波的中心点

支持添加多个冲击波

支持设置冲击波的名称、坐标、辐射范围、冲击波速度、冲击波颜色等属性

支持修改、删除、隐藏冲击波

飞升线条若勾选「开启粒子特效」,会不断的有光柱从地面飞升至空中
视角相机

若勾选「开启视角变化」,可自动360°旋转三维模型的效果,可以调整视角旋转的速度

开启此功能,不影响用户鼠标调整模型视角

4. 添加自定义模型编辑

4.1 上传模型

首先用户需要通过建模软件生成.glb格式的自定义模型。

自定义模型制作完成后,建议用户可在建模软件中合并mesh,减小模型大小会提升预览流畅度,建议模型大小不超过50M。

在组件编辑界面,点击右侧配置栏的「模型>添加模型对象>自定义模型」,点击「上传新模型」,选择本地准备好的.glb文件类型的自定义模型,即可上传到模板中。

支持调整模型的显示层级。默认层级上限为2。

上传模型时设置的显示层级不可撤销,适用于所有使用该自定义模型的组件。

例如一个模型是一个班级,班级又分为两组人,每组里面又分为6个单独的同学。

0级代表模型为1个整体,班级不可拆分。1级代表可点击小组。以此类推。

4.2 添加模型

选择配置栏「模型>添加模型对象>自定义模型」,选中上传的任意一个模型,点击「完成」,模型即被添加到「模型列表>自定义模型」处,如下图所示:

注:若添加的自定义模型在中间展示区不显示,一般都是因为模型太大, 需要将视角拉远/模型缩放后才能正常显示。

添加模型会检测当前场景的fps(帧率),如果小于15,则提示「检测到场景帧数较低,是否开启流畅效果」

开启流畅效果可有效提升使用体验,但会关闭部分特效配置,被关闭的特效配置项可手动重新打开。

4.3 模型配置

模型列表中的自定义模型支持重命名、隐藏、删除。禁止完全一样的命名。

选中模型列表中的自定义模型,支持配置相关模型属性。

右上角「模型动画管理」,若模型中存在动画效果,可以通过添加动画方案,触发动画。

按照上传模型时设置的显示层级,可选中模型中的部分小模型,对其属性进行单独配置。不会影响其他部分的模型。如下图所示:


属性
简介
模型名称支持自定义命名模型名称
缩放

支持缩放模型的长宽高

若勾选「固定比例」,长宽高等比缩放

位置调整模型在组件中的位置
旋转调整模型的展示视角

4.4 模型选中

1)选中模型

点击右侧配置栏中的模型,会自动进行视角跳转,方便用户定位模型。

注:退出组件编辑页面时,用户看到的视角,即为模板最终查看视角。

2022-01-12_18-31-28.gif

2)移动模型

选中模型后,会出现位移工具,拖动位移工具即可调整模型位置。

该位置调整会对模型的最终位置产生变化。

2022-01-12_18-37-03.gif

3)取消选中

点击上方工具栏的「取消选中」按钮,即可取消选中模型,从模型编辑视角恢复到选中前的模型查看视角。

注:退出组件编辑页面时,用户看到的视角,即为模板最终查看视角。

2022-01-12_18-31-44.gif

5. 添加光源编辑

选择配置栏「模型>添加模型对象>光源」,支持给组件场景添加三种光源,仅可调整光源名称,不支持修改光源位置和方向。

6. 配置数据图层编辑

自定义模型组件中支持添加一种数据图层,按照上传模型时设置的显示层级,匹配模型-数据图层。

例如设置显示层级为2层。第一层模型名称为「玩具」,第二层模型名称为「人偶」、「房屋」,第三层模型名称为「小明」、「小红」、「客厅」、「卧室」。

那么仅可匹配模型名称为「玩具」、「人偶」、「房屋」的数据,无法匹配模型名称为「小明」、「小红」、「客厅」、「卧室」的数据。

7. 注意事项编辑

自定义模型配置「交互>点击事件」时,按照上传模型时设置的最高显示层级,匹配模型名称。

例如设置显示层级为2层。第一层模型名称为「玩具」,第二层模型名称为「人偶」、「房屋」,第三层模型名称为「小明」、「小红」、「客厅」、「卧室」。

那么仅可匹配模型名称为「人偶」、「房屋」的数据,无法匹配模型名称为「玩具」、「小明」、「小红」、「客厅」、「卧室」的数据。