Skip to main content

镜子按钮与 UI

让我们来谈谈大多数人都期待已久时刻话题,那就是添加镜子!

在项目选项卡中搜索镜子 Mirror。将 VRCMirror 拖入您的场景,将其重命名为 HQ Mirror,然后根据您的要进行定求移动、旋转和缩放。如果您导入了 VRWorldToolkit(VRWorldToolkit就像您应该在第 1 部1部分中应该做的那样),那么您看到一个名为“显示玩家/世界” Show Players/World 的按钮。单击该按钮,然后在“启用 Reflect Layers(反射层同时启用“Pickup(拾取 Walkthrough(穿行现在接下来就先 禁用(Disable)镜子。

好的,我们现在已经一个镜子,但是我们如何打开和关闭它呢?这时候就是 UI 派上用处用武之地时候了。我们想要一个我们可以点击的开关,因此可以在 Hierarchy(次结构级窗口)单击右键单击选择 UI>Toggle。这将在 Canvas(画布上生成一个 UI 开关,这是一个显示 UI 元素所必需的组件;然而不过,我们需要先解决一些问题。

  •  Hierarchy(次结构级窗口)中,单击 Canvas(画布,然后将渲染模式更改为 World Space(世界空间)。在 Rect Transform(矩形变换下,将 XYZ 缩放更改为 .0.001。然后将 layer(图层从 UI 更改为 Default。添加两个组件,一个盒子碰撞器和一个 VRC Ui Shape。Shape两个组件。现在将其放置在一堵墙上;关闭网格,这样您可以将其稍微偏离墙壁放置,而不是放在墙壁内部。

  •  Hierarchy(次结构级窗口)中,单击 Canvas(画布)下的 按钮(toggle)设置其宽度设置 700,高度设置 120,然后取消中“启用” Is On


  •  Hierarchy(次结构级窗口)中,单击“切换”并设置其宽度为 700,高度为按钮(toggle)下的 120,然后取消选中“启用”。

    在层次结构中,单击“label(标签按钮。将文本更改为 HQ Mirror Toggle”Toggle,将颜色更改为白色并增加字体大小。您可以随意更改字体,甚至可以导入自定义字体,只需从 C:/Windows/Fonts 中拖动 ttf 字体文件即可。您还可以通过单击 Add Component(添加组件并搜索 shadow 来添加阴影。

  •  Hierarchy(次结构级窗口)中,单击 Background(背景更改宽度和高度设置 100。然后将偏移更改为 50 和 -50 以正确放置复选框。接下来,在层次结构中单击“勾选”并更改其宽度和高度设置 100。最后,再次选择标签并将其左侧设置为至少 100(您可以使用 gizmos 像gizmos像其他对象一样平移 UI 元UI元素)。

     

现在,在“切换”下,将导航设置为“无”。单击组件底部的加号图标,然后从层次结构中拖动镜子。单击下拉菜单中的“无函数”并选择“GameObject”>“SetActive”在“动态布尔”下。

复制您的HQ镜 HQ 镜像,将其重命名为LQ镜 LQ 镜像,单击“仅显示玩家”,然后复制我们刚刚创建的按钮。在“切换拖动”中,将LQ镜像替换为HQ镜像,并将标签更改为“LQ镜像切换” LQ 镜子按钮

为确保一次只能有一个镜像处于打开状态,请添加一个新槽,将HQ镜像切换拖动到其中,然后在下拉菜单中选择“切换>打开”下的静态布尔值,并取消选中框。对于HQ镜像切换,也是如此,只是将LQ镜像切换放在槽中。然而,如果您有一个打开的镜像,并想要选择另一个镜像,您必须单击按钮两次,一次关闭当前镜像,另一次打开所需的镜像。

按播放按钮,使用CyanEmu(您还应在第1部分中导入)测试此功能。

如果您想使用Udon制作此UI,可以查看Vowgan的视频!https://youtu.be/E0D9Z8-HVBI
将其中一个镜子稍微移到另一个前面,以避免z轴冲突。

如果您的世界更大,请注意,LQ镜像LQ 镜子将渲染其背后的头像,虚拟形象(即使它们穿过墙壁。出于性能和隐私原因,最好将镜子放置在不会发生这种情况的位置,或者甚至设计您的空间,以便在考虑到这一点的情况下放置镜子。

顺便说一句,您可能想要在此时组织层次结构。您基本上可以使用空的游戏对象作为文件夹,但请确保首先重置其变换,否则将弄乱子游戏对象的位置,从而弄乱progrids!如果您忘记并不清除变换,请拖动出所有子游戏对象,重置变换,然后将其拖回。

有一点额外的好处,我在评论中收到了一个关于如何制作霓虹灯的问题。首先,添加一个您想要添加霓虹灯的对象,所以我将进入Probuilder窗 Probuilder 窗口,添加一个没有高度分段的细长圆柱。我将对其进行挤出,以形成我想要的样子。我可以创建挤出,然后使用中心枢轴旋转以在霓虹管中创建转弯。完成建模后,创建一个新材质并检查发光框,并将其设置为烘焙。将其应用于您的对象,并选择您想要它发出的颜色。烘焙后,您就完成了!

与此相关的几点提示:首先,您可以在Probuilder中 Probuilder 中通过“编辑 Edit>首选项Preferences>Probuilder>实验功能启用”Experimental Features Enabled 启用贝塞尔曲线(以及布尔值)!但是然而实际上这两者在Probuilder中效果不是很理想所以因此我建议您使Blender代替。Blender。

其次确保照明适您的场景。如果您想要达到温暖或自然的外观,您需要将颜色限制在开尔文光谱范围内如果您想要人为的外观,可以使用可见光光谱上的完整颜色。这一概念在我在第4课开始时推荐的Blender Guru照明课程中有所涵盖详细介绍,您可以在第4课开始时了解更多

这就是本目前课程到此结束。下一将继续这个题,我将向您展示如何使用Udon的UI在UI来在默认层和可行走层之间切换对象!