Unity UI

UGUI九宫格纹理拉伸的使用

 

本篇文章我们来学习下在unity new ui即UGUI九宫格纹理拉伸的使用,不论是游戏中的UI,还是应用中的UI,纹理九宫格拉伸都是必不可少的,因为采用这种拉伸方式,可以最大化的节省纹理资源,任意缩放图片还能保持一个不错的效果,因此在手游和app中用的较多。我们先学习下九宫格拉伸的原理先,如下图所示!

1.原理

UGUI九宫格 More

Unity教程之-UGUI不规则图片的点击响应

 

当点击一张不规则图片时,点击镂空区域时,还是会发生响应。

对于Image来说,判断是否点击有效的就是IsRaycastLocationValid函数了,因此要重写它。

另外要为不规则图片挂上PolygonCollider2D组件,圈出响应的范围。

More

Unity教程之-UGUI元素显示在角色的头顶上

 

在游戏中我们会遇到比如人物角色头顶上要显示角色名字,那么如何在unity new ui即UGUI中实现这种效果呢,下面我们来学习下,我们游戏完全使用UGUI来工作,所以游戏中的很多元素都是UGUI的 Game Canvas画布设置为;World Space , 主要也是为了以后一下牛叉的效果

还有一个UI Canvas画布设置为;Screen Space – Overlay 就是这些元素会在最前方,在屏幕上的。

还有一组是:Spines Layer, 主要是放着spine制作的角色 More

Unity教程之-UGUI实现操纵摇杆

 

最近在做项目是用的unity最新的ui系统UGUI,项目需要做一个摇杆,网上大部分都是用的插件和NGUI做的摇杆,unity自带的摇杆也不怎么好用,而最新的unity4.6.x来了,加入了最新的UI系统“UGUI”,那我们怎么用UGUI来制作摇杆呢,比较出色的摇杆插件《Easy Touch》(很强大),还是主要讲讲我们自己怎么做。

More

Unity教程之- UGUI使用BMFONT制作的艺术字体不能居中解决方法

 

继续上篇文章《Unity教程之-UGUI美术字体的制作与使用》,说下制作字体过程中遇到的问题,在使用 BMFONT 制作的 字体 时,在 Unity 3d 中发现,不能居中对齐。

UGUI使用BMFONT More

Unity教程之-UGUI美术字体的制作与使用

 

游戏制作中,经常需要使用各种花哨的文字或者数字,而字体库往往不能达到我们需要的效果,因此需要一种用图片替代文字的功能。ugui使用艺术字也比较简单,下面我们就来介绍下UGUI美术字体的制作与使用,本文使用BMFont作为字体制作工具,简单讲讲如何制作艺术字体:
1.让美术提交分块后的文字:

UGUI美术字体

2.打开BMFont工具,找到图片管理(Edit->Open Image Manager):

UGUI美术字体 More

UGUI制作动态滑动列表scrollview

 

本篇文章我们来学习下在UGUI即unity new ui中制作scrollview来实现简单的任务系统ui布局,下面开始,

先看下效果图:

scrollview More

Unity教程之-NGUI减少drawcall

 

一、减少drawcall方法

前置说明一:

Unity中的drawcall定义:

每次引擎准备数据并通知GPU的过程称为一次Draw Call。

Unity(或者说基本所有图形引擎)生成一帧画面的处理过程大致可以这样简化描述:引擎首先经过简单的可见性测试,确定摄像机可以看到的物体,然后把这些物体的顶点(包括本地位置、法线、UV等),(顶点如何组成三角形),变换(就是物体的位置、旋转、缩放、以及摄像机位置等),相关光源,纹理,渲染方式(由材质/Shader决定)等数据准备好,然后通知图形API——或者就简单地看作是通知GPU——开始绘制,GPU基于这些数据,经过一系列运算,在屏幕上画出成千上万的三角形,最终构成一幅图像。

前置说明二:

NGUI中的UIWidget的显示顺序:

每一个UIWidget的显示顺序由depth值决定,跟z轴没关系,而这个depth值是由两部分组成的,一个是UIWidget所在的UIPanel的depth和UIwidget自身的depth值进行加权计算。 More

Unity教程之设计技巧 UGUI避免GameObject.Find

 

在unity中我们都知道了,当查找一个游戏对象时用 GameObject.Find ** ,transform.find**等函数是很消耗性能的,所以不被推荐使用;

对于大型的游戏,UI复杂,加上设计上的不合理等问题(parent-child层级问题),很多时候就会被紧张的工期打乱自己的想法。

像下面的例子: More

UGUI制作技能冷却

 

本篇Unity3d教程我们来学习在在Unity New UI中来制作技能冷却,看下效果图,如下

首先要建一个Image,Create->UI->Image,

之后把图片ImageType设置成Filled,如下图

  More