做房产的网站,实体店营销案例100例,装饰网站建设运营,高端网站建设要文章目录 1 玩家配置2 物体配置3 添加视觉效果4 添加文字5 其他操作5.1 双面渲染5.2 替换图片 在开始操作前#xff0c;我们导入先前配置好的预制体 MyOVRCameraRig#xff0c;相关介绍在
《2024-04-03 NO.4 Quest3 手势追踪抓取物体-CSDN博客》 文章中。 1 玩家配置
我们导入先前配置好的预制体 MyOVRCameraRig相关介绍在
《2024-04-03 NO.4 Quest3 手势追踪抓取物体-CSDN博客》 文章中。 1 玩家配置
1在 Project 窗口下找到 HandPokeInteractor 预制体将其拖拽为 HandInteractorsLeft 的子物体。对 HandInteractorsRight 进行同样的操作。 2分别展开 HandInteractorsLeft 和 HandInteractorsRight 下 HandPokeInteractor 的子物体将 Visuals 下的两个子物体激活并关联对应的引用。
HandPokeLimiter Synthetic Hand -- OVRLeftHandSynthetic。 HandPokeOvershootGlow Hand Visual -- OVRLeftHandSynthetic OVRLeftHandVisual。Hand Renderer -- OVRLeftHandSynthetic OVRLeftHandVisual OculusHand_L l_handMeshNode。Material Editor -- OVRLeftHandSynthetic OVRLeftHandVisual OculusHand_L l_handMeshNode。
注意右手也是同样的操作但关联的是 Right 对应的物体。 3最后将 HandPokeInteractor 关联到 Interactors 列表下。 2 物体配置
在 Project 窗口下找到官方提供的 UI 按钮即 HoverButtons 预制体将其拖拽入场景。此时运行程序可以与按钮进行交互。接下来我们模仿该预制体创建自己的按钮。
1依次创建如下物体层级表示了对应的父子关系。
Button空物体 Model空物体 Surface空物体按钮能按到最下方的底部平面。 Visuals空物体 ButtonVisuals空物体 ButtonPanel3D Quad 物体按钮所在平面。 官方给的预制体中ButtonVisuals 下还有一个 ButtonPanelBack 物体该物体负责渲染按钮底部的平面按钮下方具有浅黑色阴影这里就不添加该物体了。
2为如下物体依次添加对应的脚本。
Button“Poke Interactable”。 Model Surface“Plane Surface”、“Clipped Plane Surface”、“Bounds Clipper”。 Visuals ButtonVisuals“Poke Interactable Visual”。 ButtonPanel将其碰撞体移除。
3关联对应引用。
ButtonVisuals Poke Interactable -- Button。Button Base Transform -- Surface。 选中 Surface可以看到场景上有白色线框的立方体更改 Surface 的 Z 轴缩放为 0.001 以将其压为平面。 Surface Plane Surface -- “Plane Surface” 脚本。Clippers -- “Bounds Clipper” 脚本。 最后更改 Button 的 3 轴缩放大小为 0.1缩小按钮。并将 ButtonVisuals 向前移出一小段距离以达到按钮可以被推动的效果。 Button Surface Patch -- Surface。 此时运行程序即可用手指推动按钮且按到底部后不会穿模。需要注意的是Poke Interaction 限定了只能用食指与按钮交互。
3 添加视觉效果
首先复制一份上述完成好的按钮。
1为 ButtonPanel 依次添加以下脚本。
“Interactable Color Visual”。“Material Property Block Editor”“Rounded Box Properties”。
2为 “Interactable Color Visual” 关联引用。
Interactable View -- Button (1)Editor -- “Material Property Block Editor” 脚本。 3更改 ButtonPanel 上 Mesh Renderer 的材质为 RoundedBoxUnit。这里需要将 Project 窗口下的材质球进行手动拖拽。 4修改 “Rounded Box Properties” 脚本的参数按钮的边缘会发生变化。为了实现官方按钮的效果我们将官方按钮上的参数进行复制。
注意Width 和 Height 参数会自动同步更改当前物体的缩放大小。 然后粘贴到我们的按钮上。 完成后重新将 “Material Property Block Editor” 脚本拖入到 Editor 引用上即可刷新按钮界面完成一样的效果。 最后赋值官方按钮中 “Interactable Color Visual” 脚本上的颜色即可完成复现。注意复制完成后确保 Interactable View 和 Editor 引用不变。
4 添加文字
1为 ButtonVisuals 添加子物体 Text MeshPro。 2修改其字体大小为 4更改文字内容并调整对齐方式。 5 其他操作
5.1 双面渲染
使用 Quad 充当按钮模型会只渲染正面从背面看时会消失。
此时使用 Cube 替换 Quad 即可将 Cube 的 Z 轴缩放设置为 0.001即可充当一个平面。 5.2 替换图片
如果想要为按钮定制 UI 图片可将 ButtonPanel 上的 Mesh Renderer 和 Mesh Filter 组件删除更换为 Sprite Renderer 组件并关联需要的图片即可。注意图片需要更换为 Sprite 类型且不要挂载以下脚本。
“Interactable Color Visual”。“Material Property Block Editor”“Rounded Box Properties”。 调整大小时可更改父物体 ButtonVisuals 的缩放大小。
