山海鲸可视化

当前物体进入/离开相机可视范围

在山海鲸可视化中,我们可以通过交互来实现一些想要的效果,交互通常指的是通过一个触发条件来触发某个组件去完成一个动作,而“当前物体进入/离开相机可视范围”就是触发交互的事件之一,而这个事件需要设置相关的“物体”“检测相机”。(设置交互相关教程请移步 →设置交互

1. 设置物体

物体进入或者离开相机可视范围时就会触发交互,从而完成预设的动作,而这个物体必须要有“相机可视化检测”设置项,目前只有“形状”组件支持,包括:正方体球体平面圆柱体圆锥体多边形平面曲线面片。接下来是设置物体的具体步骤:

打开一个添加了鲸孪生组件的项目,双击进入鲸孪生组件的“编辑模式”

首先点击左侧菜单栏中的“模型”,添加一个“形状”,这里使用“立方体”进行演示,如下图所示:

在左侧“组件图层”中点击选中刚才添加的形状“立方体”,然后在右侧的样式中打开“相机可视化检测”的开关,如下图所示:

2. 设置检测相机

“检测相机”就是用来检测物体是否进入自己可视范围内的相机,目前鲸孪生组件中共有四种类型的相机,分别是鸟瞰相机跟随相机漫游相机第一人称相机,它们都支持被选择为“检测相机”

在创建鲸孪生组件时,系统会自动创建一个主相机,在左侧组件图层的“相机”中,可以看到一个鸟瞰相机,这就是目前的主相机,其余三种相机可以点击左侧菜单栏中的“相机”进行添加。

“主相机”指的是当前场景设置的默认相机,该相机可以是鸟瞰相机、跟随相机、漫游相机、第一人称相机中的一种,通过选中“场景”然后在右侧样式进行设置,如下图所示:

当我们打开物体“相机可视化检测”后,点击左侧的三角形图标展开“检测相机”的具体设置:

在下拉框中选择需要绑定的检测相机“主相机”也可以被设置为“检测相机”,如下图所示:

3. 设置交互

当打开物体的“相机可视化检测”设置项并选择“检测相机”后,我们还需要为物体添加具体的交互,这样当物体进入或者离开检测相机的可视范围时,就会自动触发交互,从而实现预设效果。

接下来将演示如何通过设置“当前物体进入/离开相机可视范围”来触发交互,从而实现“文本组件自动切换状态”“弹窗的自动打开/关闭”这两种效果,由于四种相机的设置方式相同,这里使用“鸟瞰相机”“跟随相机”进行演示。

3.1 文本组件自动切换状态

在设置完成“物体”“检测相机”后,点击右上角“退出编辑”按钮,退出鲸孪生的“编辑模式”

点击左侧菜单栏的“文本”,添加一个“基础单行文本”组件,并更改文本的样式,如下图所示:

选中添加的“基础单行文本”,为它添加一个新的状态,在这个状态中,重新设置文本的样式,如下图所示:

双击再次进入鲸孪生的“编辑模式”,点击左侧组件图层中的“相机”,选中“鸟瞰相机”,在右侧样式设置中将“z 轴距离”修改为1~1000 米。(鸟瞰相机设置相关教程请移步 →鸟瞰相机

接着选中“立方体”,将它的“检测相机”设置为“鸟瞰相机”,并在右上角切换到“交互”窗口,点击“添加交互”按钮,如下图所示:

首先添加一个新的交互,使文本组件切换为“默认状态”,将触发选项设置为“当前物体进入/离开相机可视范围”,触发时机设置为“进入相机可视范围”,动作选项设置为“切换状态”,目标组件设置为“基础单行文本”,状态选择“默认状态”,最后点击“确认”按钮完成交互的添加,如下图所示:

然后再添加一个交互,使文本组件切换为“离开状态”,将触发选项设置为“当前物体进入/离开相机可视范围”,触发时机设置为“离开相机可视范围”,动作选项设置为“切换状态”,目标组件设置为“基础单行文本”,状态选择“离开状态”,最后点击“确认”按钮完成交互的添加,如下图所示:

随着“鸟瞰相机”放大视角,当“正方体”离开鸟瞰相机的可视范围时,“基础单行文本”切换状态为“离开状态”,文本内容变为离开相机可视范围,颜色变为绿色。随着鸟瞰相机缩小视角,当“正方体”进入鸟瞰相机的可视范围时,“基础单行文本”切换状态为“默认状态”,文本内容变为进入相机可视范围,颜色变为红色,如下图所示:

3.2 弹窗的自动打开/关闭

在设置完成“物体”“检测相机”后,点击右上角的“退出编辑”按钮,退出鲸孪生的“编辑模式”

点击左侧菜单栏的“控件”,添加一个“弹窗”组件,并更改弹窗的标题和内容,如下图所示:

双击再次进入鲸孪生的“编辑模式”,然后点击左侧菜单栏中的“模型”,选择“交通工具”,添加一个小车模型,这个小车模型将作为跟随相机的“跟随目标”

选中这个小车模型,点击菜单栏中的“动效”,为小车添加一个路径动画,并设置它的“播放速度”。(路径动画设置相关教程请移步 →路径动画

小车路径动画设置效果如下图所示:

再次点击左侧菜单栏中的“相机”,选择“跟随相机”进行添加,如下图所示:

对跟随相机的样式进行设置,将“z 轴距离”调整为1~100 米“跟随目标”设置为刚才添加的小车模型“俩厢车白 2”。(跟随相机设置相关教程请移步 →跟随相机

接着选中“立方体”,将它的“检测相机”设置为“跟随相机”,并在右上角切换到“交互”窗口,点击“添加交互”按钮,如下图所示:

首先添加一个新的交互用来打开弹窗,将触发选项设置为“当前物体进入/离开相机可视范围”,触发时机设置为“进入相机可视范围”,动作选项设置为“控制弹窗”,选择弹窗设置为“弹窗 1”,操作选择“打开弹窗”,最后点击“确认”按钮完成交互的添加,如下图所示:

然后再添加一个新的交互用来关闭弹窗,将触发选项设置为“当前物体进入/离开相机可视范围”,触发时机设置为“离开相机可视范围”,动作选项设置为“控制弹窗”,选择弹窗设置为“弹窗 1”,操作选择“关闭弹窗”,最后点击“确认”按钮完成交互的添加,如下图所示:

随着小车运动,当“正方体”进入“跟随相机”的可视范围内,触发第一个交互,自动弹出弹窗,随着小车继续运动,当“正方体”离开“跟随相机”的可视范围时,触发第二个交互,自动关闭弹窗,如下图所示: