Unity 工具之 CurvedUI （曲面UI）一些基本操作和CUSTOM_RAY 射线交互时注意事项整理

2024-04-21 13:05:04

Unity 工具之 CurvedUI（曲面UI）简单使用介绍和CUSTOM_RAY 射线交互时注意事项整理

目录

Unity 工具之 CurvedUI（曲面UI）简单使用介绍和CUSTOM_RAY 射线交互时注意事项整理

一、简单介绍

二、下载方式

三、怎么使用 CurvedUI（曲面UI）

四、影响 CurvedUI (曲面UI) 曲面程度的因素

Canvas 的 Width 和 Height ，以及 Scale 比例

CurvedUISettings 的 Angle

CurvedUISettings 的Canvas Shape

五、CurvedUI 交互方式

六、CurvedUI（曲面UI）的曲面 Control Method 为 Custom_Ray 交互的注意事项

一、简单介绍

Unity 工具类，自己整理的一些游戏开发可能用到的模块，单独独立使用，方便游戏开发。

本节介绍， Curved UI（曲面UI）在 Unity 游戏开发中的使用。

二、下载方式

1、打开 Unity ，在菜单栏-Asset Store ，打开

2、搜索 curved ui 即可找到

3、点击相关，完成购买即可下载

三、怎么使用 CurvedUI（曲面UI）

1、Canvas 添加 CurvedSettings 脚本

2、EventSystem 脚本不在是默认的，而是 CurvedUIInputModule 和 CurvedUIEventSystem

3、对应UI元素上有CurvedUIVertexEffect 脚本（一般Canvass上有了CurvedSettings 一般会自动添加，如果没有可以收到添加），这是UI元素能曲面显示的关键脚本

4、运行场景，下面就是简单的曲面显示

四、影响 CurvedUI (曲面UI) 曲面程度的因素

Canvas 的 Width 和 Height ，以及 Scale 比例

1、Canvas 的 Width（23400）和 Height（10800），以及 Scale （1，1，1）比例

2、Canvas 的 Width（2340）和 Height（1080），以及 Scale （1，1，1）比例

CurvedUISettings 的 Angle

1、CurvedUISettings 的Canvas Shape 为 Cylinder ，Angle 45

2、CurvedUISettings 的Canvas Shape 为 Cylinder ，Angle 120

CurvedUISettings 的Canvas Shape

1、CurvedUISettings 的Canvas Shape 为 Cylinder

2、CurvedUISettings 的Canvas Shape 为 Ring

3、CurvedUISettings 的Canvas Shape 为 Sphere

4、CurvedUISettings 的Canvas Shape 为 Cylinder Vertical

5、CurvedUISettings 的 Advanced Settings 中的 Quality (分为 1，2，3，三个等级，默认为1)

（UI元素曲面的精细度等级，等级越高，曲面精细度越高，当然，也更耗性能）

五、CurvedUI 交互方式

1、在 CurvedUISettings 的 Control Method 中设置

2、注意的是，CurvedUISettings 中的 Control Method 设置会相互同步到 CurvedUIInputModule 中的 Control Method

3、交互方式有：Mouse(鼠标点击)，Gaze(凝视交互)，World_Mouse，Custom_Ray（射线交互），Vive，Oculus_Touch，

DayDream，GoogleVR

(只用过一些，没有全用过)

六、CurvedUI（曲面UI）的曲面 Control Method 为 Custom_Ray 交互的注意事项

1、情景设置 Canvas Width 28880，Height 10800，scale(0.002,0.002,0.002)，Canvas Shape 为 Sphere，Angle 360

2、场景大概如下效果

3、Custom_Ray 交互好像是射线于碰撞体交互的位置映射交互

4、如上图，射线打在碰撞体内部，而 UI在碰撞体外面，这样交互的差距，就形成了视觉差，看着射线在UI上，但是就是交互不了，特表示UI元素在 Canvas 周边，不是在Canvas 中间的时候

5、解决的一种方式，改变碰撞体的精细度，从而使得 UI 刚好在碰撞体（片）边缘重合，减少这种交互差，减少这种视觉差

打开 CurvedUISettings 脚本

6、Mesh 碰撞体是怎么生成的，一步步，定位到这个变量 baseCircleSegments

7、增加一倍试试，改为 baseCircleSegments = 48

8、运行查看，这样，交互视觉差就会少很多，（当然碰撞体越精细，会稍微增加一些性能消耗，不过还好）

9、交互就更加贴近视觉看到的了

以上自己使用的一些小总结整理

Unity 工具之 CurvedUI （曲面UI）一些基本操作和CUSTOM_RAY 射线交互时注意事项整理相关推荐

视频教程-【孙伟】APP项目UI设计基础-工具图标设计视频教程-UI
[孙伟]APP项目UI设计基础-工具图标设计视频教程教学产品线与企业合作项目负责人,移动互联学院教学总监,从事培训与UI/UED课程研发工作多年,拥有数万学员且平均薪资位居行业前列.曾就职于世界50 ...
Unity 工具之简单镭射 Laser Ray 交互的封装可交互物体 GameObject 和 UI（结合 Curved UI）基于/可用于眼镜插手机上交互
Unity 工具之简单镭射 Laser
Unity 工具之获取当前所在城市的天气数据的封装（自动定位当前所在城市，天气数据可以获得多天天数据）
Unity 工具之获取当前所在城市的天气数据的封装(自动定位当前所在城市,天气数据可以获得多天天数据) 目录 Unity 工具之获取当前所在城市的天气数据的封装(自动定位当前所在城市,天气数据可以 ...
Unity 工具类之 WWW/UnityWebRequest 下载压缩文件(zip)，解压到本地且加载使用解压数据的简单案例（内也含压缩文件例子）
Unity 工具类之 WWW/UnityWebRequest 网络下载压缩文件(zip),解压到本地,且加载使用解压数据的简单案例(内也含压缩文件例子) 目录 Unity 工具类之 WWW/Uni ...
Unity 工具控件之 Text 文本字间距调整(老版本的Unity编写工具控件/新版本Unity使用TMP)
Unity 工具控件之 Text 文本字间距调整(老版本的Unity编写工具控件/新版本Unity使用TMP) 目录 Unity 工具控件之 Text 文本字间距调整(老版本的Unity编写工具控 ...
Unity 工具之获取当前系统时间，并格式化显示的封装（并有简单的月星期am/pm转换）
Unity 工具之获取当前系统时间,并格式化显示的封装(并有简单的月星期am/pm转换) 目录 Unity 工具之获取当前系统时间,并格式化显示的封装(并有简单的月星期am/pm转换) 一.简单介 ...
Unity 工具类之 Excel 转换为 json、csv、xml、lua格式
Unity 工具类之 Excel 转换为 json.csv.xml.csv 格式目录 Unity 工具类之 Excel 转换为 json.csv.xml.csv 格式一.介绍二.操作原理三 ...
Unity 工具之 VText 简单快速实现文字 3D 效果，VText 的导入设置和简单使用（可支持中文字体）
Unity 工具之 VText 简单快速实现文字 3D 效果,VText 的导入设置和简单使用(可支持中文字体) 目录 Unity 工具之 VText 简单快速实现文字 3D 效果,VText ...
steamvr2.0 + curvedUI 实现与UI射线交互
2022年8月8日需求: steamvr2.0以上,要实现与UI的射线交互,目前的方案是结合CurvedUI插件,才能实现次功能,VRTK4.0 虽然也能实现,但其刚推出市场,不成熟,缺乏教程文档, ...

最新文章

热门文章