VRTK4⭐四.和 UI 元素交互

文章目录

  • [🟥 安装Tilia Unity.UI](#🟥 安装Tilia Unity.UI)
  • [🟧 配置射线与UI交互器](#🟧 配置射线与UI交互器)
    • [1️⃣ 配置直线射线](#1️⃣ 配置直线射线)
    • [2️⃣ 配置UI交互器](#2️⃣ 配置UI交互器)
  • [🟨 配置UI](#🟨 配置UI)
    • [1️⃣ 更新EventSystem](#1️⃣ 更新EventSystem)
    • [2️⃣ 进行Canvas设置](#2️⃣ 进行Canvas设置)

我们要实现的功能:

右手触摸到圆盘:显示直线射线

右手圆盘键按下:与选中UI交互

🟥 安装Tilia Unity.UI

PackageManager安装git包 : https://github.com/studentutu/Tilia.UnityUI.git

🟧 配置射线与UI交互器

1️⃣ 配置直线射线

如何所示,创建 Indicators.ObjectPointers.Straight ,并完成配置.

2️⃣ 配置UI交互器

1.将 Full_L_Interactions.Interactor Variant 放置在 RightControllerAlias 下,并删减至如下结构.

2.如下图所示,完成 [L_R]_ UI Pointer on Interactor 的配置

🟨 配置UI

1️⃣ 更新EventSystem

如下图所示,更新 EventSystem

2️⃣ 进行Canvas设置

完成如下步骤:

  • Canvas转换为WorldSpace
  • 添加 VRTK4_UICanvas 组件
  • 设置Canvas的Size

注意:
Canvas的大小决定了该UI的交互范围.只有在范围内的UI才能被交互.

大家还有什么问题,欢迎在下方留言!

如果你有 技术的问题 或 项目开发

都可以加下方联系方式

和我聊一聊你的故事🧡

相关推荐
weixin_402486347 小时前
在adobe illustrator 上写latex code 显示数学公式 安装 LaTeX2Illustrator
ui·adobe·illustrator
方见华Richard14 小时前
自指宇宙学:存在如何通过自我描述而实在化V0.2
人工智能·交互·原型模式·空间计算
航Hang*19 小时前
Photoshop 图形与图像处理技术——第9章:实践训练2——变换花朵颜色与绘制正方体
图像处理·笔记·学习·ui·photoshop·期末·复习
航Hang*19 小时前
Photoshop 图形与图像处理技术——第9章:实践训练5——文字和路径
图像处理·笔记·学习·ui·photoshop·期末
工业HMI实战笔记19 小时前
HMI权限分级设计:兼顾安全与操作效率的平衡术
运维·数据库·安全·ui·自动化·人机交互·交互
向前V20 小时前
Flutter for OpenHarmony数独游戏App实战:单元格交互与选中
flutter·游戏·交互
Coder_Boy_21 小时前
基于SpringAI的在线考试系统-核心模块的数据模型交互关系
java·数据库·人工智能·spring boot·交互
世人万千丶1 天前
鸿蒙跨端框架 Flutter 学习 Day 4:网络交互——HTTP 请求基础与数据反序列化实战
网络·学习·flutter·ui·交互·harmonyos·鸿蒙
航Hang*2 天前
Photoshop 图形与图像处理技术——第9章:实践训练6——滤镜特效
图像处理·笔记·学习·ui·photoshop
小雨下雨的雨2 天前
鸿蒙PC应用:工程结构解析与配置文件详解
ui·华为·harmonyos·鸿蒙系统