FVS点击切换三维环境效果

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

1.1 版本

1.2 应用场景

V4.1.0 版本新增「三维环境效果」点击事件，可实现点击其他组件切换三维组件环境效果。效果如下图所示：

1.3 功能简介

支持点击事件的二维组件，均支持添加「三维环境效果」事件。功能设置项包括：

• 动作名称：设置该执行动作名称。

• 触发对象：选择当前分页或当前分页应用的三维背景中的三维场景组件。为了区分三维背景页和分页的组件，选择时组件名称默认带有页面名称前缀。

• 环境效果：支持选择「触发对象」中的所有环境效果。选中任意选项时，画布中对应三维组件需预览对应的环境效果。未选中选项时，显示该组件默认的效果。

2.1 新建模板

点击设计器左上角「文件>新建可视化看板」，创建一张空白可视化看板，可自定义名称和尺寸。如下图所示：

2.2 添加三维组件

2.2.1 添加组件

添加一个三维自定义场景组件到画布中，点击「编辑组件」，生成一个空场景。如下图所示：

2.2.2 上传并添加模型

1）点击下载并解压 glb 模型文件：整体园区模型.zip

2）在三维场景编辑界面，点击「模型>添加模型」弹出模型管理界面，点击「上传模型」进行上传。

选中模型，点击「载入场景」将其添加到场景中，载入后需自行关闭模型管理界面。如下图所示：

3）设置模型缩放比例

「整体园区模型」添加到场景中时，缩放比例较小，需选中模型后，修改为合适的比例。如下图所示：

2.2.3 配置环境效果

点击「场景>环境」，进入环境效果配置界面。

1）「环境效果1」使用默认配置。

2）点击右侧  添加一个「环境效果2」，选择科技星空效果，其余配置使用默认配置。

2.3 添加点击事件

1）在场景编辑界面点击左上角「返回可视化看板」，回到画布，添加两个标题组件，标题内容分别为「切换三维环境效果1」和「切换三维环境效果2」。

2）给标题组件「切换三维环境效果1」添加一个点击事件，选择「三维环境效果」，选择对应的三维组件及环境效果。如下图所示：

3）给标题组件「切换三维环境效果2」添加一个点击事件，选择「环境效果2」。

2.4 效果预览

点击模板右上角「保存」，「预览」按钮，效果如 1.2 节预期效果所示。

注：不支持移动端。

点击下载模板：FVS点击切换三维环境效果.fvs