canvas教程

Unity3D之UGUI学习笔记(一):UGUI介绍以及Canvas

字号+ 作者:H5之家 来源:H5之家 2017-06-01 10:02 我要评论( )

UGUI是Unity3D4.6官方提供的UI系统,支持2D和3D UI的开发。Unity3D UI史OnGUI在Unity4.6之前,官方提供的是OnGUI函数来开发UI界面,当然问题也比较多,首先不支

标签:log   com   http   使用   si   src   it   la   html   

UGUI是Unity3D4.6官方提供的UI系统,支持2D和3D UI的开发。

Unity3D UI史 OnGUI

在Unity4.6之前,官方提供的是OnGUI函数来开发UI界面,当然问题也比较多,首先不支持可视化开发,其次UI始终位于所有3D对象的上方,无法实现在UI上添加3D模型的效果。

现在一般这套系统多用来在Unity编辑器中开发界面或者快速搭建一些调试界面时使用。

NGUI

大名鼎鼎的NGUI是可以看做是开发Unity游戏必备的插件,支持可视化开发,同时也支持2D和3D UI的开发,想在UI上显示3D模型和粒子也没问题。

我也有一套NGUI的学习笔记,还在完善中,详情可以点击:

UGUI

首先这套官方的UI系统就是被Unity请去的NGUI作者开发的,所以在操作上两者大体一致,同时UGUI是开源的系统,大家可以在下面的连接中获得UGUI的源码:

https://bitbucket.org/Unity-Technologies/ui/src

官方案例

大家可以下载一下官方提供的UGUI案例:

Canvas

在UGUI中,其根容器为Canvas,我们发现无论添加任何UI到场景中,都会默认生成Canvas以及EventSystem。

技术分享

所有的UI都必须作为Canvas的子级进行添加。

技术分享

我们接下来详细的看看Canvas的一些设置:

Canvas

Render Mode:渲染模式,如下

Pixel Perfect:是否已像素的方式来显示UI。

Sort Order:不同Canvas之间的前后显示排列设置。

Canvas Scaler

Ui Scale Mode:UI缩放模式,如下:

Graphic Raycaster

场景中的射线调整,用于交互事件的配置。

EventSystem

我们简单看下EventSystem,后面会有笔记详细记录EventSystem的使用方法:

技术分享

这里绑定了3个脚本,可以发现除了本身的EventSystem外,还添加了关于标准输入(即鼠标键盘)和触摸输入两个输入脚本。

Unity3D之UGUI学习笔记(一):UGUI介绍以及Canvas

标签:log   com   http   使用   si   src   it   la   html   

原文:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【Android】自己定义View、画家(画布)Canvas与画笔Paint的应用

    【Android】自己定义View、画家(画布)Canvas与画笔Paint的应用

    2017-05-26 08:00

  • CSS Secrets边框技巧

    CSS Secrets边框技巧

    2017-05-05 14:02

  • 众创缘 web前端开发,ui设计,seo,网络营销互联网技术学习网站

    众创缘 web前端开发,ui设计,seo,网络营销互联网技术学习网站

    2017-03-29 14:00

  • HTML5游戏开发案例教程 -互联网+职业技能系列

    HTML5游戏开发案例教程 -互联网+职业技能系列

    2017-03-22 17:00

网友点评
o