原地址:http://blog.csdn.net/asd237241291/article/details/8499430 FastGUI是NGUI的一个扩展,所以必须要有NGUI才能使用.FastGUI主要功能是把PSD文件转为NGUI的Sprite.首先,我们看看PSD的要求 这是一个Button的PSD结构 选择脚本->浏览->打开FastGUI/PhotoshopPlugin/FastGUIExporter.jsx 选择Export Sprites或者Export WidgetsExp…

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相机不渲染UI层. 在做具体UI…

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相机不渲染…

写在前面: 网上找的NGUI教程,都是基于2.x版本号的.为了能配合教程学着做,我也是下载了各种NGUI 2.x版本号.可是在导入的时候,或多或少都报错(我用的Unity 的版本号是4.3.2).无奈之下,仅仅好下载了最新的 NGUI 3.5.8,这下导入的时候最终正常.可是新问题又出现了,那就是NGUI 3.5.8的界面.操作,和NGUI 2.x教程根本对不上!官网的文档也没有说明!仅仅能非常痛苦的自己琢磨. 为了朋友们不像我这么痛苦,我这就写一个NGUI 3.x 的小白教程出来! 欢迎大家纠…

转载请留下本文原始链接,谢谢.本文会不定期更新维护,最近更新于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…

12个Unity3D游戏源码 -  新手必备 愤怒的小鸟攻略技巧秘籍 NGUI 教程收录大全:http://forum.exceedu.com/forum/forum.php?mod=viewthread&tid=26820 小夭的游戏编程教室——(五)初音拼图游戏 Vector3 targetPos = new Vector3(trans.localPosition.x - x * pictureTile_Width, trans.localPosition.y - y * pictureTi…

[分享送书]NGUI全面实践教程V3.8.2 活动开始了!! 活动奖品:   活动地址:http://dwz.cn/JHdlu…

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…

今天来学习一下,如何利用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…

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

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

接下来我们再来看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…

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

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

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

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

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

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…

字体是UI很重要的一部分.今天用NGUI 3.5,制作一下字体. 以下是我做的一个射击游戏的DEMO.子弹数量,就使用了NGUI的字体显示.效果例如以下: 步骤: 1,寻找(或者制作)字体.我这里图方便,直接用的是unity自带演示样例项目里的字体:xirod.ttf . win7下,双击能够预览.能够看字号显示. 2,打开项目,在Assets目录下,建立一个font目录,把字体文件,也就是 ttf 文件拷贝过去. 3,创建一个空的游戏体:GameObject --> Crete Empty,为…

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

写在前面:     本文将创建NGUI的第一个样例.依照编程传统,第一个样例,就是做一个Hello world 显示出来.NGUI.我们用Label来实现 . 欢迎大家纠错.拍砖!原创非常辛苦,如有转载,请注明出处:http://blog.csdn.net/chenggong2dm/article/details/25494537 Label -- 标签 在NGUI 3.5 里,Label 算是一个很基础的组件. 其重要性,从NGUI 新的菜单结构就能看出来.我们看.create以下,仅仅有La…

Atlas是NGUI的图集.我的理解是:Atlas把你的一些零散的图片,合并成一张图.这样做的优点是,能够减少Draw Call.我不了解它的底层运作机制,我猜应该也是再行进DXT之类的纹理压缩,所以,最好把图集的尺寸,也做成128, 256,512,1024之类的大小,以方便其进行格式压缩. 概念: Atlas : 图集.把美术给你提供的素材,用 NGUI 的 Atlas Maker 工具,合成一张图片(准确的说,还同一时候生成了prefab.mat ). Sprite:精灵.因为Atlas已…

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

http://www.tasharen.com/forum/index.php?topic=6754…

我们在玩任何一款手游产品时,都是先上来个logo界面,游戏欢迎界面等,这就意味着我们要做一款游戏需要多个场景,场景之间来回切换实现游戏逻辑,unity也不例外,所以从本篇开始将会介绍如何搭建多个场景,本篇先看游戏logo场景的制作,先上图: 再次用时空领地的logo了,这里的时空领地的logo是个动画,全部是用NGUI实现的,重点是做这个界面没用一句代码,除了点击切换场景. 之前那个游戏场景,我起名GameScene,然后我新建一个场景File->New Scene,起名BeginMenuSce…

发布一个基于NGUI编写的UI框架 1.加载,显示,隐藏,关闭页面,根据标示获得相应界面实例 2.提供界面显示隐藏动画接口 3.单独界面层级,Collider,背景管理 4.根据存储的导航信息完成界面导航 5.界面通用对话框管理(多类型Message Box) 6.便于进行需求和功能扩展(比如,在跳出页面之前添加逻辑处理等) 目标:编写一个简单通用UI框架用于管理页面和完成导航跳转 最终的实现效果和Demo请拉到最下方回复查看 框架具体实现的功能和需求 加载,显示,隐藏,关闭页面,根据标示获得相…