在实际操作之前有几个概念先弄清一下 Atlas:图集,把美术给你提供的素材,用 NGUI 的 Atlas Maker 工具.合成一张图片(准确的说,还同一时候生成了prefab.mat ). Sprite:精灵,因为Atlas已经把你的图片都合成一张了,那怎么单独调用呢?就是用Sprite. 1.导入外部图片 理解完了上面两个概念之后咱们能够言归正传了,首先须要使用外部图片,你能够使用自定义的图片或是美术提供的图片.能用即可,这里我用了以下两张图片.要是你没有图片也能够使用以下两张图片(这两张图…

今天我们来看一下怎么自定义NGUIAtlas,制作属于自己风格的UI.第一部分:自定义 Atlas1 . 首先我们要准备一些图标素材,也就是我们的UI素材,将其导入到unity工程中.2. 全选我们需要用到的UI素材.选择菜单NGUI->Open the Atlas Maker(快捷键 Alt +shift+M).打开Atlas Maker窗口,如图 我们可以看到,刚才选择的图片素材已经在下面的Sprite窗口中列出来了. 3. 在Create右侧为Atlas起个名称,其余默认即可(这里第二个参…

Unity3d ngui基础教程 NGUI教程:步骤1-Scene 1.创建一个新的场景(New Scene).2.选择并删除场景里的MainCamera.3.在NGUI菜单下选择Create a New UI,会打开UI创建向导. 4.在创建向导中你能更改UI的基本参数.现在我们选Default layer,点击Create Your UI 按钮.5.就这样,你的UI便创建好了. 注意: 如果在一个已存在NGUI的项目中你要跳过第二步,并且你要选择一个不同的UI层,你还要确保非GUI相机不渲染…

1.创建2D场景 要使用NGUI创建2D场景,首先咱们必须新建一个项目,而且导入NGUI作为这个项目的插件,相信假设看过上一篇教程都知道怎么导入NGUI了,这里就不赘述,假设有疑问的能够去看上一篇教程.这里我已经导入成功了.在菜单中能够看到NGUI的菜单 在project面板中能够看到有NGUI的目录 接下来咱们能够点击菜单中的[NGUI]-->[Create]-->[2D UI],创建成功后在Hierarchy面板中能够看到多了一个UI Root 点开UI Root能够看到UI Root底下…

NGUI系列教程七(序列帧动画)   今天我给大家讲一下如何使用NGUI做序列帧动画.本节主要包括两方面内容,分别是使用UIspirit和使用UITexture 做序列帧动画.废话不说了,下面开始.还要在啰嗦一句,首先大家要准备一些序列帧的素材图片,最好是大图和小图各一套.我们先来将使用UISpirit做序列帧动画,这个方法只适合使用小图.在使用UISpirit 之前大家还要把准备好的序列帧图片做成Atlas,如何做Atlas,大家可以参考系列教程四,这里就不多说了.建好自己的Atlas之后就可…

在一些网络游戏中,我们常常可以看到角色的上方显示着角色的名称,等级,血量等信息.它们可以跟随角色移动,并且可以显示和隐藏.今天我们就来学习一下这些功能的实现方法.1. 新建unity工 程,导入NGUI插件.对于字体按钮等的制作方法参见以前的系列教程.这里我们直接开始学习制作方法.首先新建一个2DUI,设置UI的层为NGUI.新 建完成后,使用菜单NGUI -->Create a Panel ,在现有Panel的节点下新建一个Panel,命名为Panel_CharacterInfo,作为角色信息…

接下来我们再来看Progress Bar和Slider,对比参数我们可以发现,Progress Bar和slider的明显区别在于slider多一个Thumb选项,这里的Thumb就是我们拖动的时候点击的按钮. Empty 和Full选项其实就是前景和背景的Sprite.这里大家都已经熟悉了,我们看Slider和ProgressBar的根节点,也可以发现,Slider之比ProgeressBar 多一个BoxCollider,参数对比如图 Value :当前值 Steps:可以理解为将最大值等分…

接下来我们创建一个Label,NGUI->Open the Widget Wizard,打开widgetTool对话框,在Template中选择Label,确定AddTo右侧选项为panel,点击,Add To完成Label创建. 1.Label属性窗口如图 1.下面的节奏可能有点快,大家可以先熟悉一下上面讲的流程,再进行下面的学习.接下来我们依次创建Button和Input,因为这两个选项差不多,我们放一块讲,在WidgetTool窗口中,他们都需要选择一个Background,这里和选择Sp…

转自:http://www.unitymanual.com/thread-37485-1-1.html 由于NGUI AtlasMaker对打包的优化不好,容易打出很大的图集,很多部分都是浪费的,所有目前要使用TexturePackage来优化打包图集 1.首先下载Texturepackage工具,网上有破解版的,也可以到官网下载使用免费版,https://www.codeandweb.com/texturepacker/,接着就是简单的安装不在过多的介绍. 2.打开我们的Texturepack…

Unity插件-NGUI使用教程 本文提供全流程,中文翻译.Chinar坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) 1 NGUI 一款强大的次时代UI编辑插件 1 NGUI -- 一款强大的次时代UI编辑插件 NGUI -- END 本博客为非营利性个人原创,除部分有明确署名的作品外,所刊登的所有作品的著作权均为本人所拥有,本人保留所有法定权利.违者必究 对于需要复制.转载.链接和传播博客文章或内容的,请及时和本博主进行联系,留言,Ema…

今天我给大家讲一下如何使用NGUI做序列帧动画.本节主要包括两方面内容,分别是使用UIspirit和使用UITexture 做序列帧动画.废话不说了,下面开始.还要在啰嗦一句,首先大家要准备一些序列帧的素材图片,最好是大图和小图各一套.我们先来将使用UISpirit做序列帧动画,这个方法只适合使用小图.在使用UISpirit 之前大家还要把准备好的序列帧图片做成Atlas,如何做Atlas,大家可以参考系列教程四,这里就不多说了.建好自己的Atlas之后就可以开始着手做了.废话终于完了. 1.…

今天来学习一下,如何利用NGUI做技能冷却的CD效果. 1,首先按之前的教程Create Your UI,Camera为Simple 2D 最终如下图: 2,添加一个按钮,Background 为一张半透明贴图,更名为“CDSprite”, 设置CDSprite的Sprite Type为Filled 3,添加一个Sprite,重命名为:IconSprite,该Sprite为技能图标. 4,编写脚本: using UnityEngine; using System.Collections; pub…

NGUI中提供了两种Scroll View 一种是通过手指或鼠标滑动视图时移动平面物体,另一种则是直接移动摄像机,他们各有各的好处.但是NGUI提供的Scroll View很难实现类似Android 与 IOS 中的Scroll View 滚动相册的那种效果,不过程序猿的力量是伟大无穷的.虽然不能用它提供的API做出来,但是我们可以通过另外的手打巧妙的实现.这篇文章仔细向大家介绍如何实现自制Scroll View实现滚动相册.         如下图所示 这是我们的工程页面,程序的实现原理是将相…

在NGUI中可以很方便的实现ListView的控件,ListView就好比IOS或Android平台中使用手势上下拖动的控件.在Unity3D中实现ListView的原理无非就两种,第一种是摄像机不动只移动控件,第二种是控件不动只移动摄像机.在官方的Demo中已经有这两种的例子. 和之前的文章开始一样,我们先创建一个2D的游戏平面.接着给Panel面板绑定游戏组件, Unity导航菜单栏中选择Component->NGUI->Interaction->Grid, 它主要设定ListVie…

NGUI事件的种类很多,比如点击.双击.拖动.滑动等等,他们处理事件的原理几乎万全一样,本文只用按钮来举例. 1.直接监听事件 把下面脚本直接绑定在按钮上,当按钮点击时就可以监听到,这种方法不太好很不灵活. void OnClick() { Debug.Log("Button is Click!!!"); } 2.使用SendMessage 选择按钮后,在Unity导航菜单栏中选择Component->Interaction->Button Message 组件. Targ…

前言 鉴于当前游戏开发的大势,Unity3d的发展势头超乎我的预期,作为一个Flash开发人员,也是为Flash在游戏开发尤其是手游开发中的地位感到担忧....所以 近期一段时间都在自己学习unity3d,技术仅仅有不断学习才干跟上迅猛的计算机潮流,所以博主写这篇文章即是自己学习的笔记又是把自己的心得作为一个分享...写的不好之处,还请大家体谅而且给予指正. 闲言少叙,书归正传,我的使用的是unity4.2,大家能够去官网下载最新版本号的http://unity3d.com/unity/down…

我的使用的是unity4.2,大家可以去官网下载最新版本的http://unity3d.com/unity/download作为一个开发人员安装编译器是最基本的常识,相信大家都能正确安装.安装成功号桌面上会有下面图标 双击我们就可以进入unity编译器了.接下来就是把NGUI作为插件导入到项目中去了. 首先先简单介绍一下NGUI:NGUI是严格遵循KISS原则并用C#编写的Unity(适用于专业版和免费版)插件,提供强大的UI系统和事件通知框架.其代码简洁,多数类少于200行代码.这意味着程序员…

上一篇我们学习了Unity调用C#生成的外部DLL,但是有时候我们需要访问底层,不能不适用C生成的DLL.下面就让我们一起学习下,C如何生成. 1.创建一个C的控制台程序 2.点击确定->点击下一步 3.点击完成生成了空项目,然后在头文件创建TestC.h文件 #if defined (EXPORTBUILD) # define _DLLExport __declspec (dllexport) # else # define _DLLExport __declspec (dllimport)…

众所周知,Unity可以支持多种语言开发, C#, JS, Boo三种方式的开发, 能够很方便的集成一些外部插件,以便调用现有的动态链接库.学过C#的都知道C#可以生成一个dll供给其他的程序调用.那么基于C#开发的Unity也明显可以如此扩展,下面我们介绍下C#的Dll生成和调用. 1.新建C#类库项目. 2.书写类方法 using System; using System.Collections.Generic; using System.Linq; using System.Text; n…

我们通常继承SKSpriteNode来实现游戏中的元素,除了可以使用图片作为纹理皮肤外.我们还可以使用动画纹理集来实现动画播放. 动画纹理集的制作也很简单,首先要有一套动画序列图,然后把它们放到一个文件夹下,最后把文件夹改名为*.atlas后缀就行了. 下面通过一个“神经猫”动画元件来演示: --- 神经猫类 Cat.swift --- 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30…

NGUI全面实践教程(大学霸内部资料)   试读文档下载地址:链接:http://pan.baidu.com/s/1jGosC9g 密码:8jq5 介绍:NGUI全面实践教程(大学霸内部资料)本书是国内NGUI最新教程,以全新的3.8.0为基础,讲解NGUI的使用.内容不仅全面该函NGUI的各个组件,还详细讲解各项高级功能,以及自带工具. 目  录 第1章  学习NGUI前的准备 1 1.1  NGUI的购买/下载和导入 1 1.1.1  找到并了解NGUI的相关信息 1 1.1.2  导入NG…

转载请留下本文原始链接,谢谢.本文会不定期更新维护,最近更新于2013.09.17.   http://blog.sina.com.cn/s/blog_5b6cb9500101bplv.html         一.方案选择   U3D项目的UI方案总的来说就三个,NGUI.EZGUI.用U3D原生UI.   U3D官方说的新UI系统迟迟不出来,在新UI系统出来之前,任何项目使用U3D原生UI做技术方案的就是找死.那一套可以说未经过任何优化的UI系统简直要让人抓狂,且不说其运行效率,各种STYL…

转载请留下本文原始链接,谢谢.本文会不定期更新维护,最近更新于2013.09.17.   http://blog.sina.com.cn/s/blog_5b6cb9500101bplv.html         一.方案选择   U3D项目的UI方案总的来说就三个,NGUI.EZGUI.用U3D原生UI.   U3D官方说的新UI系统迟迟不出来,在新UI系统出来之前,任何项目使用U3D原生UI做技术方案的就是找死.那一套可以说未经过任何优化的UI系统简直要让人抓狂,且不说其运行效率,各种STYL…

using UnityEngine; using System.Collections; public class UIDataHandler : MonoBehaviour { public UIInput nameInput; public UIInput psInput; public GameObject loginBtn; public GameObject registerBtn; public UILabel tipLabel; void Start () { //侦听按钮事件 U…

(游戏蛮牛首发)大家好我是孙广东.官网提供了专业的视频教程http://www.daikonforge.com/dfgui/tutorials/,只是是在youtube上,要观看是须要FQ的. 只是教程还是文本更好一些,便于观看查找. 3.3.listbox列表框 Atlas 图集: 以下应用到的精灵都是在这里的. ListBox中的内容: 背景精灵 图片的主颜色 Padding边距 Scrollbar 滚动栏对象的预制体或者对象,(当Layout中的Size Height小于全部的Item的高…

我在Unity里做NGUI的时候发现一个问题. 在Unity2D场景当中,一个精灵图片只要加上了Box Collider或者Box Collider2D,就可以相应OnMouseEnter和OnMouseExit事件,而到了NGUI里就不能响应了. 这真是一个大坑 虽然说NGUI提供了按钮组件,但是如果我们想要自己定制一个按钮的话,失效的那两个事件是不可或缺的. 在网上找了很久,我依旧没能找到相关问题的回答,是的,似乎很少有人碰到这个问题(难道是我新手的原因?). 故私再次记录下我的解决方法.…

NGUI精灵实例 1.创建Unity项目工程和文件目录,保存场景 2.创建一个精灵NGUI---->Create---->Sprite,发现它的UI Sprite组件的贴图属性只支持Atlas图集,所以要把纹理图片先做成图集才能放进Sprite里面 3.制作一个图集NGUI---->Open---->Atlas Maker---->(new)---->在Project视图里面选择要打包为图集的纹理贴图,会自动加到atlas名单里---->Create---->…

(游戏蛮牛首发)大家好我是孙广东.官网提供了专业的视频教程http://www.daikonforge.com/dfgui/tutorials/,只是是在youtube上.要观看是须要FQ的. 只是教程还是文本更好一些,便于观看查找. 2.2  加入一个buttonButton 来看看特有的属性:Button Properties Data 显示的文本 Behavior 中的几个: Aoto Size 选中时就是button的背景会依据Data中的文本缩放成最小的范围. Space to Cli…

看了非常多关于NGUI drawCall的文章.见得比較多的一个观点是:一个 Atlas 相应一个Drawcall. 但事实上NGUI内部有自己的一套对DrawCall的处理规则. 相关的规则有: 1.Atlas图集数量有关 2.Atlas图集的调用顺序(绘制顺序)有关 3.和UIPanel的数量有关 一.降低NGUI 3的DrawCall数量 升级到NGUI3. DrawCall数由5个增长到了十七八个.想想应该不会是NGUI的问题吧.后来整理了一下.发现有两点:          1)对于同…

之前在网上的NGUI本地化教程是基于老版本的了,现在用的3.7版本已经改了很多,以前的本地化教程有点不适用了. 1.资源: 本地化的txt文本起名叫做Chinese.txt,到resource目录下新建一个Language目录,把txt文件放到Language下.注意:要把txt转码成UTF-8编码,不然unity里面会显示不出来.如果是其他语言可以直接放到unity中.我用Notepad++转码的. =.= 2.代码: 在UIRoot下新建一个label.再新建一个脚本,绑定到UIroot或者…