不用复杂逻辑,一个按钮完成场景昼夜切换

16 阅读1分钟

在项目制作过程中,我们可能会需要手动控制三维场景的昼夜切换,此时通过按钮组件的交互设置就可以非常简单地达到目的。

下面我们就为大家介绍一下,应该如何通过按钮来设置昼夜场景切换。

1. 添加按钮

首先,创建一个三维场景。

然后在左侧组件库的 “控件” 中,选择一个 “按钮” 组件添加。

2. 按钮设置

添加完成后,修改 “按钮” 组件的显示文本,改为 “白天”

打开 “交互” 设置,为 “按钮” 组件添加将场景切换为白天的交互,如下图所示: 

由于我们需要使用该 “按钮” 组件同时完成白天与夜晚的切换,因此还需要为该 “按钮” 组件设置一个新的状态,点击右上角添加一个状态。

“默认状态” 重命名为 “白天”“新建状态” 重命名为 “夜晚” ,点击 “确定” 完成新建状态。

“夜晚” 状态中编辑交互,设置将场景切换为夜晚的交互,如下图所示:

此外,在点击该 “按钮” 组件后还需要将组件本身状态切换回 “白天” 状态,交互设置如下图所示:

回到 “样式” 设置,将组件文本改为 “夜晚”

将状态切换为 “白天” ,添加将 “按钮” 组件切换至 “夜晚” 状态的交互。

这样,我们就完成了全部设置,效果如下图所示: