正文

关于unity中的ngui和ugui

杭者  杭者  2022-08-31  263

关键词：

用Unity开发2D游戏，有三套关系

1.GUI：Unity本身的对象

2.NGUI：以前在Unity中广泛来做2D的，是第三方的包，需要安装

3.UGUI：Unity5.X后，Unity找到NGUI的作者，开发了UGUI，变成内置于Unity中的包，官方主推

所有的元素都在Unity的UI工具栏

3D做2D游戏的方法：

1: 使用正交摄像机;
2: 使用透视摄像机，将2D元素移动到合适的距离。
例如设计分辨率为 960x640, 得到在3D世界里面一个图片的大小w*h米,将这个图片移动到一定的距离使得正确显示出来
3: tag(视角*0.5) = (h/2) / zeye摄像机到精灵的距离; zeye摄像机到精灵的距离= h / (2 * tan(30));

　　960*640的zeye值大约是5.15，也就是要把Image的Z轴设置成5.15，这样才能把Image刚好覆盖整个Game视图屏幕

1.创建一个2D精灵

2.把Texture Type改为Sprite

3.这时候会出现一个Pixeis Per Unit表示多少像素为一米　　

4.把图片拖进Sprite属性

5.旋转直接修改Inspector的Z轴参数

6.缩放X,Y，比例为Z轴标准缩放比例

UGUI

底下有一个

1.一个Canvas管理所有的子UI节点：创建的时候会自动创建一个EventSystem节点，用来专门管理事件。如果直接创建一个Text，系统也会自动帮我们创建一个父Canvas节点和EventSystem节点

2.控件(Button，Label)

3.事件响应

Canvas节点，有四个组件

1.Rect Transform组件：不能改变，一创建就自动的组件，而且继承自Transform组件

2.Canvas组件：Render Mode：(1)Screen Space (overlay)：自适应屏幕空间，覆盖在屏幕最上面，像电视机的菜单一样，总是在最上面。

　　　　　　　　　　　　　　　 (2)Screen Space (Camera)：在没有设置Camera属性的时候，和第Screen Space (overlay)一样。

　　　　　　　　　　　　　　　 (3)World Space：等于用手动设置Scale，等于之前3D做2D游戏的手动方法。使得2D和3D节点很好地融合在一起。

　　　　　　　 Plane Distance：2D和3D的遮挡关系，可以把3D游戏弄的远远的，或者近近的。

3.Canvas Scaler组件：就像上面的缩放X,Y，比例为Z轴标准缩放比例

　　　　　　　　　　　UI Scale Mode：(1)Content Pixel Size：窗口多大就显示多大的Image节点，不会缩放节点全部显示。

　　　　　　　　　　　　　　　　　　　(2)Scale With Screen Size：按照屏幕来进行缩放

　　　　　　　　　　　Match：不同的分辨率转换的时候的X,Y的转换因子大小，比如960*640转800*480，X,Y的比例缩放因子设置。

Image节点直接点击Set Native Size就会让Image节点自适应在屏幕上，全部显示。

Imgae组件是无交互式的组件，可以设置颜色，也可以挂材质球(但是只适用于Screen Space (overlay))，设置贴图属性，preserve aspact保持缩放比。

关于unity中的ngui精灵

NGUI精灵实例1.创建Unity项目工程和文件目录，保存场景2.创建一个精灵NGUI---->Create---->Sprite，发现它的UISprite组件的贴图属性只支持Atlas图集，所以要把纹理图片先做成图集才能放进Sprite里面3.制作一个图集NGUI---->Open---->Atl... 查看详情

关于unity中的ngui字体

NGUI字体类型1:UIFont字体，UIFont类实现的2:TTF动态字体的使用3:BBCode的特殊字体的使用4:NGUI字体制作;5:BMFont字体制作和艺术字体的制作;6:UILabel的使用 NGUI---->open---->FontMaker，字体文件的制作工具GeneratedBitmap：产生位图，... 查看详情

关于unity的ngui

NGUI实例1.创建Unity工程项目和文件目录，保存场景2.导入NGUI的package包(第73)，使用3.9.4b版本的，最新版本的是收费的...而且配合Unity5.X还有一些小问题3.导入成功后会发现多了一个菜单栏，可以点击Help查看API文档说明 4.Editor：... 查看详情

unity引擎ui模块知识tree

现在主流的UI解决方案是UGUI和NGUI，近年来更是以UGUI为主，本期结合UWA学堂以及Blog的相关内容整理了《Unity引擎UI模块知识Tree》，主要介绍了UGUI的优化、框架完善及解决方案，也涉及到NGUI和FairyGUI的内容，最后是UWA的工具篇，开... 查看详情

关于unity中ngui图片精灵响应鼠标的方法

我在Unity里做NGUI的时候发现一个问题。在Unity2D场景当中，一个精灵图片只要加上了BoxCollider或者BoxCollider2D，就可以相应OnMouseEnter和OnMouseExit事件，而到了NGUI里就不能响应了。这真是一个大坑虽然说NGUI提供了按钮组件，但是如果... 查看详情

ngui与ugui的区别

参考技术A总结：1、NGUI与UGUI的区别2、uGUI的Canvas有世界坐标和屏幕坐标3、uGUI的Image可以使用material4、UGUI通过Mask来裁剪，而NGUI通过Panel的Clip5、NGUI的渲染前后顺序是通过Widget的Depth，而UGUI渲染顺序根据Hierarchy的顺序，越下面渲染... 查看详情

ugui实现unity摇杆

http://blog.csdn.net/onafioo/article/details/46403801http://www.winig.cc/archives/348 好久没有写文章了，最近在做项目是用的unity最新的ui系统UGUI，项目需要做一个摇杆，网上大部分都是用的插件和NGUI做的摇杆，unity自带的摇杆也不怎么好用，... 查看详情

unity3d-ugui系列image图片组件详解

一、前言首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。UGUI系统是从Unity4.6版本后才开始集成到Unity编辑器中。UGUI的特点：灵活快速可视化对于... 查看详情

unity3d-ugui系列panel容器组件详解

unityngui和ugui与模型特效的层级关系

目录1、介绍两大UI插件NGUI和UGUI2、unity渲染顺序控制方式3、NGUI的控制4、UGUI的控制5、模型深度的控制6、粒子特效深度控制7、NGUI与模型和粒子特效穿插层级管理8、UGUI与模型和粒子特效穿插层级管理写在前面这篇笔记是整理了之... 查看详情

unity3d-ugui系列rawimage显示纹理组件详解

unity3d-ugui系列scrollbar滚动条组件详解

siki_unity_2-4_ugui_unity5.1ui案例学习(代码片段)

...NGUI、DFGUI等任务2：游戏案例介绍任务3：创建游戏菜单UGUI中的组件：　　UI->Panel-- 面板查看详情

unity学习笔记——关于dropdown的学习

今天组长让我写一个界面，其中用到了下拉条，我的印象还停留在以前的NGUI有现成的组件，但是uGUI没有的那阶段，组长跟我说uGUI现在也有了，研究了一下，发现real方便哦，今天就来简单说一下用法吧。Dropdow用法也就是点开会... 查看详情

unity3d-ugui系列button按钮组件详解(代码片段)

unity3d-ugui系列toggle开关组件详解(代码片段)

关于unity中ngui的pivot和锚点

Pivot创建一个Sprite1节点，关联一个图集和一张贴图，用图中的六个按钮调整这个贴图的Pivot点，一共有八个点可以选择再创建一个Sprite2节点，作为Sprite1节点的子节点，关联一个图集和一张贴图，用图中的六个按钮调整这个贴图... 查看详情

正文