赞
踩
UGUI-UI添加特效
开发项目的时候遇到一个需求,UI上要加特效,UI使用的是UGUI,经过多次试验终于找到一个解决办法。
第一步:
创建一个Canvas,在Canvas下创建一个Panel,在Panel下创建一个Image,给Image添加图片
如下
第二步:
设置Canvas参数,修改Render Mode : Screen Space - Camera
创建一个Camera(GameObject —>Camera),命名为UICamera,
将UICamera拖拽到Canvas的 Render Camera,
如下
类似NGUI中的UI摄像机,其实原理一样
第三步:
设置UICamera 参数, 设置Clear Flags : Depth Only
Culling Mask : UI (只渲染UI层)
注意:如果场景中有其他的摄像机要注意调节他们的 Depth 深度。
第四步:创建一个Cube 放到Image下,坐标调整为 (0,0,0),比例调整为(100, 100, 100)
如下
第五步:调整Cube 的 Z 轴,看效果
和3D场景一样的,后边的物体会被前面物体遮挡
第六步:将Image从屏幕中央拖拽到屏幕边缘,效果
这样的效果是 3D效果,如果需要改为 2D 效果需要修改下UICamera的参数 Projection : OrthoGraphic
修改参数后效果如下,完全 2D UI 上显示 3D 物体
同理特效也是 和上面方法一样 ,经过测试UI上加 3D 对象,将UICamera最好设置成 Projection : OrthoGraphic
如果 物体大小视觉上不对可以调整 UICamera 的参数 Size
调整到适当大小即可
下面制作步骤省略
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。