XDreamer 与 PICO - 0基础小白来开发 (六)

最新推荐文章于 2024-12-07 17:27:51 发布

原创最新推荐文章于 2024-12-07 17:27:51 发布 · 419 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#vr #unity #游戏引擎 #xr

Unity / XDreaerm 专栏收录该内容

11 篇文章

订阅专栏

文章介绍了如何在VR世界中创建UI交互，特别是通过XRCanvas创建世界坐标系的UI，并利用高级UI按钮进行文字显示。通过按钮点击事件和状态机控制器，实现模型材质的切换功能，展示了VR场景中动态改变模型外观的技术流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VR世界下的UI交互

光溜达也没什么意义，我们做点有趣的交互，来增添下互动，那最基本的交互就睡UI点击了！
我们来做一个UI点击的功能

创建XR Canvas 画布
在这里插入图片描述

通过XR下创建的 Canvas画布会自动挂载俩脚本和改成了世界坐标的UI，UI也就变成了模型
在这里插入图片描述

在这个Canvas画布下创建了一个图片，设置了颜色和透明度，随便找个位置放一下
在这里插入图片描述

在创建一个高级的按钮UI,这个UI默认不支持中文，需要找个字体复制进来转换一下才可以，为什么要用这个麻烦的UI按钮呢？因为他矢量化更好，多小的字体都会边缘很清晰，在VR世界下非常好的展示效果
在这里插入图片描述

复制一个字体到unity工程中选择字体， shift + ctrl +F12 可以快速转换字体
在这里插入图片描述

配置下，设置下文字内容就可以啦
在这里插入图片描述
关于UI的创建就简单描述一下，具体大家可以自己设置，我们来做一个点击按钮切换模型材质的功能
先创建一个状态机控制器

在XDreamer状态库中找到常用分类下的【按钮点击】创建按钮点击事件
在这里插入图片描述

设置按钮点击的属性，对应UI拖拽至此
在这里插入图片描述

创建【渲染器属性设置】状态组件
在这里插入图片描述
设置【渲染器属性设置】状态组件的属性参数，让他来切换模型材质

要移除一下这个父级节点的组名，
在这里插入图片描述

属性名称改【材质】在这里插入图片描述

把第二套材质托过来进行替换
在这里插入图片描述

状态机连接：按钮点击 -> 执行切换50个模型的材质球，从现在的 Classroom_yizi_A 材质球，替换成Classroom_yizi_B材质球。
在这里插入图片描述

复制状态组件
在这里插入图片描述

修改为 Classroom_yizi_A 材质球
在这里插入图片描述

连接状态机，做一个小循环。点击按钮可以切换桌椅模型的两套材质，如果你有兴趣，可以试试更多材质球切换
在这里插入图片描述
编译运行测试来个动图吧！下一章节我们来使用XDreamer制作一下模型的交互触发

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。