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才能被交互.

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

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

都可以加下方联系方式

和我聊一聊你的故事🧡

相关推荐
阿图灵8 小时前
Agentic AI 架构入门(九):Agent 通信协议全景——ACP/A2A/AG-UI/MCP
人工智能·ui·架构·ai agent·智能体·mcp·agentic ai
AI分享猿14 小时前
UI设计Prompt系列(十二):设计系统入门——把视觉语言沉淀为可复用规范
ui·prompt
l1m0_14 小时前
告别反复修改Prompt:AI生成React应用并落地开发的实战复盘
前端·react.js·ui·ai·设计
大千UI工场15 小时前
时序数据库对数字孪生的作用
数据库·ui·时序数据库·前端开发·b端管理系统
人工智能研究所15 小时前
GitHub 10k+ Star:用自然语言描述系统,AI 帮你生成可交互架构图
人工智能·github·交互·自然语言·系统架构图·archify
UnicornIT19 小时前
【HarmonyOS】时间管理类APP:做成“自适应“
ui·华为·harmonyos·鸿蒙
AI分享猿2 天前
UI设计Prompt系列(六):原型验证提速——用设计Prompt跳过反复改稿
ui·prompt
circuitsosk2 天前
构建高可用AI后端服务:REST API设计、数据库交互及异步任务编排经验总结
数据库·人工智能·python·交互·fastapi·数据库连接池·rest api
CDN3602 天前
俄语区跨境站点优化实战:CDN+Nginx 解决 H5 白屏、交互延迟、链路卡顿问题
运维·nginx·交互·h5 加速·nginx 轻交互调优