UGUI如何在UI与UI直接穿插粒子特效和模型
2016-07-19 14:50
459 查看
为了规范,假设我们的所有UI和放在UI上的粒子、模型等,它们的layer都设置为UI层
接着我们需要将Canvas的Render Mode设置为Camera模式,并且为其添加Render Camera
其中UICamera的设置如下,主要设置层过滤(只渲染UI层)和投射模式为正交模式
好,以上都准备好了之后,现在可以动手测试了
我们先在Canvas上创建两个Image
然后再在Canvas上创建一个例子,并改成为UI层,
为了让粒子夹在image_a和image_b之间,我们需要修改粒子的Order in Layer,并且给image添加Canvas组件,同时设置Order in Layer
比如这里我们设置
image_a 为 0 (不设置也可以,默认为0)
粒子为 1
image_b 为 2
效果如下:
粒子加载image_a和image_b中间啦~
在UI上放模型的话,直接将模型放在Canvas上,并设置为UI层,然后调节UI的Pos Z坐标即可,如下所示
好啦,如果大家有别的比较好的方法,留言告诉我,大家一起学习和分享哈
接着我们需要将Canvas的Render Mode设置为Camera模式,并且为其添加Render Camera
其中UICamera的设置如下,主要设置层过滤(只渲染UI层)和投射模式为正交模式
好,以上都准备好了之后,现在可以动手测试了
我们先在Canvas上创建两个Image
然后再在Canvas上创建一个例子,并改成为UI层,
为了让粒子夹在image_a和image_b之间,我们需要修改粒子的Order in Layer,并且给image添加Canvas组件,同时设置Order in Layer
比如这里我们设置
image_a 为 0 (不设置也可以,默认为0)
粒子为 1
image_b 为 2
效果如下:
粒子加载image_a和image_b中间啦~
在UI上放模型的话,直接将模型放在Canvas上,并设置为UI层,然后调节UI的Pos Z坐标即可,如下所示
好啦,如果大家有别的比较好的方法,留言告诉我,大家一起学习和分享哈
相关文章推荐
- GUI - Web前端开发框架
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- HTML5调用摄像头实例
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
- 为Yahoo! UI Extensions Grid增加内置的可编辑器
- Cocos2d-x UI开发之文本类使用实例
- ASP.NET MVC4入门教程(四):添加一个模型
- ASP.NET MVC4入门教程(五):从控制器访问数据模型
- 谈谈对jquery ui tabs 的理解
- JavaScript对象模型-执行模型
- 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
- 使用canvas实现仿新浪微博头像截取上传功能
- js+HTML5实现canvas多种颜色渐变效果的方法
- UI Events 用户界面事件
- javascript+HTML5的Canvas实现Lab单车动画效果
- 基于Bootstrap的UI扩展 StyleBootstrap
- js+canvas绘制矩形的方法
- JavaScript+html5 canvas制作的百花齐放效果完整实例
- jQuery UI结合Ajax创建可定制的Web界面