Unity UI -- (7) 世界空间UI：从Canvas渲染模式到3D场景交互设计
1. Canvas渲染模式的核心差异
第一次接触Unity UI系统时，我也被Canvas的三种渲染模式搞得一头雾水。直到做了几个VR项目后，才真正理解它们的本质区别。简单来说，这三种模式决定了UI元素在游戏世界中的存在方式。
Screen Space-Overlay是最简单的模式，UI会像贴纸一样牢牢粘在屏幕上。我做过一个手机游戏的血条UI，用这个模式最省事 - 不管角色跑多远，血条永远固定在屏幕顶部。但做VR项目时就遇到麻烦了，这种模式下UI会像膏药一样贴在玩家眼前，特别影响沉浸感。
Screen Space-Camera模式让UI和摄像机产生了关联。去年做AR眼镜应用时，我把UI放在距离摄像机1.5米的位置，这样用户看起来就像在看一块悬浮的显示屏。这个模式的妙处在于，UI会随着摄像机移动而产生透视变化，但始终保持在固定距离。
World Space才是真正的3D UI。记得第一次尝试时，我把一个对话框做成世界空间UI，结果它大得像栋楼 - 因为默认Canvas尺寸是像素单位的。后来学会用RectTransform调整尺寸后，终于能让UI自然地融入3D场景。这种模式下，UI就像普通3D物体一样可以自由移动旋转。
2. World Space模式的实战应用
在VR医疗培训项目中，我们大量使用了World Space UI。比如手术器械的控制面板，就需要漂浮在器械旁边合适的位置。这里有个实用技巧：先用空物体确定UI位置，再把Canvas设为它的子物体。
血条是另一个典型用例。传统2D血条在3D场景中会很违和，我们改用World Space模式后，血条可以完美跟随角色头部移动。关键是要把Canvas的Pivot设置在底部中心，这样血条就能稳稳"长"在角色头上。
交互设计上，我们常用射线检测。给Canvas添加GraphicRaycaster组件后，配合VR手柄的射线就能实现点选。要注意的是，Canvas的Event Camera必须设置正确，否则交互会失效。我就因为这个坑调试了一整天。
3. 从2D到3D的转换技巧
把现有2D UI转换成World Space时，最容易踩的坑就是尺寸问题。我的经验是：先把Canvas的宽高设为实际像素尺寸，比如800x600，然后用RectTransform的Scale统一缩小到0.001左右。
位置调整也有讲究。建议先在Scene视图中把Canvas放到目标位置，再微调参数。我习惯先用游戏角色的身高作为参考 - 比如把对话框放在1.6米高度，这样看起来最自然。
材质方面，World Space UI默认是没有光照的。如果需要更真实的3D效果，可以自定义Shader。我们做过一个科幻项目的控制台UI，加了自发光和边缘光效果，在暗场景中特别酷炫。
4. 性能优化与常见问题
World Space UI虽然强大，但滥用会导致性能问题。我们项目曾因为同时激活30多个World Space UI导致帧数暴跌。后来通过以下方法优化：
- 合并相同材质的UI元素
- 对远处UI使用简模
- 实现动态加载机制
另一个常见问题是UI穿透。当3D物体穿过UI平面时会出现奇怪的效果。解决方案是调整Canvas的Order in Layer，或者使用额外的摄像机渲染UI。
移动端要特别注意Draw Call。我们通过Atlas打包把20多个UI元素的Draw Call从23降到了3。记得检查Static Batching是否开启，这个选项对性能影响很大。
5. 交互设计的进阶技巧
在VR中，传统的按钮点击并不好用。我们开发了几种替代方案：
- 凝视交互：看着UI元素超过1秒自动触发
- 手势交互：用手势控制UI，比如滑动翻页
- 物理交互：让UI像真实物体一样可抓取
触觉反馈也很重要。我们在手柄震动上做了分级：悬停时轻微震动，确认选择时强烈震动。这个小细节让交互体验提升不少。
对于复杂UI，建议采用层级式设计。主菜单用World Space，子菜单可以用Screen Space-Camera临时弹出。这样既保持沉浸感，又不会让玩家迷失在3D空间中。