C++博客-点点滴滴-随笔分类-02 编程语言

(地基工)NodeJs 双感叹号用法

点点滴滴 — Fri, 31 Oct 2014 07:54:00 GMT

当值是非空字符串和非零数字返回true，当值是空字符串、0或者null返回false。

var a = " "; alert(!!a);   //true
var a = "s"; alert(!!a);   //true
var a = true; alert(!!a);   //true
var a = 1; alert(!!a);   //true
var a = -1; alert(!!a);   //true
var a = -2; alert(!!a);   //true

var a = 0; alert(!!a);   //false
var a = ""; alert(!!a);   //false
var a = false; alert(!!a);   //false
var a = null; alert(!!a);   //false

点点滴滴 2014-10-31 15:54 发表评论

(搬运工)推荐！国外程序员整理的 C++ 资源大全

点点滴滴 — Mon, 27 Oct 2014 07:51:00 GMT

摘要: 标准库C++标准库，包括了STL容器，算法和函数等。C++ Standard Library：是一系列类和函数的集合，使用核心语言编写，也是C++ISO自身标准的一部分。Standard Template Library：标准模板库C POSIX library ： POSIX系统的C标准库规范ISO C++ Standards Committee ：C++标准委员会 ... 阅读全文

点点滴滴 2014-10-27 15:51 发表评论

(搬运工)数学库：UMFPACK

点点滴滴 — Mon, 20 Oct 2014 03:53:00 GMT

摘要: 阅读全文

点点滴滴 2014-10-20 11:53 发表评论

(地基工)人脸标定框架（目前史上最牛的，比Face++还强大）

点点滴滴 — Thu, 25 Sep 2014 05:46:00 GMT

人脸标定框架，使用 CLM, CLM-Z 和 CLNF 算法
1、人脸检测与跟踪技术提供快速、高准确率的人像检测功能。普遍适用于图片与实时视频流，能够应对复杂的光照并支持多种人脸姿态。可检出不小于16*16像素的人脸，并可在移动设备上实时跟踪人脸（20帧/秒）
2、人脸关键点检测可以精确定位面部的关键区域位置，包括眉毛、眼睛、鼻子、嘴巴，脸部轮廓等。支持一定程度遮挡以及多角度人脸。使用关键点检测技术，可以精确定位人脸美化局部

效果图如下：

点点滴滴 2014-09-25 13:46 发表评论

(搬运工)【OpenCV入门教程之一】安装OpenCV：OpenCV 3.0、OpenCV 2.4.8、OpenCV 2.4.9 +VS 开发环境配置

点点滴滴 — Mon, 15 Sep 2014 02:03:00 GMT

摘要: 本系列文章由@浅墨_毛星云出品，转载请注明出处。文章链接：http://blog.csdn.net/poem_qianmo/article/details/19809337作者：毛星云（浅墨）微博：http://weibo.com/u/1723155442邮箱： happylifemxy@163.com知乎：http://www.zhihu.com/people/mao-xi... 阅读全文

点点滴滴 2014-09-15 10:03 发表评论

(搬运工)在Visual Studio上开发Node.js程序

点点滴滴 — Fri, 25 Jul 2014 06:03:00 GMT

最近准备用Node.js做些东西，于是找找看能否有Visual Studio上的插件以方便开发。结果还真找到了一个，来自微软的Node.js Tools for Visual Studio（NTVS），虽然现在仅发布了1.0 Alpha版本，但使用起来已经非常方便。而且，其开发团队与Python Tools for Visual Studio（PTVS）是同一个，而PTVS就是Visual Studio 2013中要创建自带的Python项目需要安装的那个程序，所以大可放心的使用NTVS。

【系列索引】

【文章索引】

【一、NTVS介绍与安装】

从其官网（http://nodejstools.codeplex.com）上可以找到其介绍，NTVS是一个使Visual Studio成为Node.js集成开发环境的免费、开源的插件，NTVS支持编辑、Intellisense、Profiling、npm包管理器、本地以及远程调试（Windows、MacOS及Linux），同时其支持Windows Azure网站及云服务。

总之，该有的都有了。如果要安装NTVS的话，需要VS 2013或2012 Update4的Professional（或Test Professional）、Premium或Ultimate版本，同时需要安装有Node.js的0.10.20或以上的版本，有了这些准备后，就可以去官网下载安装包进行安装了，需要注意的是，VS 2013和2012的安装包是各自独立的。

安装完成后，就会在Visual Studio的JavaScript类型中多出以下的项目类型：

【二、NTVS项目创建和使用】

对于Node.js而言，项目类型并不像.NET项目有这么多不同的类型，每种之间的开发环境等还有差异。对于上面的Blank Node.js Console Application和Web Application两个项目而言，无非就是前者模板的代码只提供了在控制台输出Hello World的代码；而后者则用Node.js创建了一个Http服务器，并为每个请求都输出Hello World罢了，即实现了一个简单的Web应用程序。而Express Application则是使用Node.js上的Express框架+Jade模板引擎+Stylus实现了一个小的Web应用程序。而剩下的第一个项目则是从已有的Node.js项目中创建，后两个与其他的类似，只不过已经配置好了脚本和配置文件等可以直接部署到Windows Azure中。

项目创建后与Visual Studio的C#等项目没有太大区别，Intellisense功能也非常强大，敲入require的时候会提示所有的模块名称，同时选择每个模块的时候会提示这个模块的作用和说明（如下图），然后键入回车可以直接补齐单引号等等，都非常方便。而对于每个模块，其所有方法和成员变量也都能自动显示出来，只不过不像require那样会显示说明信息。

【三、NTVS项目的调试】

NTVS项目调试的方式与C#一样，都是F5运行并调试和Ctrl+F5只运行不调试，其会自动运行已安装的Node程序执行当前项目的代码。对于Web Application项目并且使用了使用了http模块的话，还会自动打开浏览器访问指定的端口（可以在项目属性中关闭）。需要说明的是，对于Node.js项目，有且仅有一个启动文件（即使用node.exe执行的文件，相当于程序的Main()函数），程序从这个文件的开始执行，默认情况下项目创建后第一个创建的js文件为启动文件，启动文件用粗体表示。如果需要设置其他文件为启动文件，右键单击选择设置就可以了（如下图）。

在调试过程中，与其他项目一样，都可以设置断点、单步执行以及监视什么的都是可以用的，同时如果在程序代码中抛出了异常，在调试过程中也会提示出来（如下图）。

默认情况下，所有异常都将提示，当然也可以自己选择哪些异常不提示。可以在提示了异常之后选择“打开异常设置”，或者选择“调试”菜单，选择“异常”，如下图：

【四、NTVS项目的包管理】

NTVS还提供了非常方便的包管理方式，就如同在C#项目中添加引用一样方便的添加其他包。当然也可以自己使用npm安装相应的包，然后在项目中使用，虽然调试运行没有问题，不过这样是没有Intellisense提示的。所以，如果项目中需要其他的包，可以右键单击npm，选择“Manage npm Modules...”（如下图），在npm包管理器中右侧的包名称中输入包的名称，然后点击下方的本地安装（为当前项目安装）就可以了，完成后会在左侧出现已安装的包，然后在项目中require也会出现相应的包名，在使用包的时候也会有方法成员的提示等等。

安装完包后就会在解决方案管理器的npm下出现相应的包名，与C#项目添加引用类似。同时，与执行npm ls命令一样，也是可以查看包的依赖关系的（如下图）。

【相关链接】

Introducing node.js Tools for Visual Studio：http://www.hanselman.com/blog/IntroducingNodejsToolsForVisualStudio.aspx
[Visual Studio]NTVS - Node.js Tools For Visual Studio Bootcamp：http://www.dotblogs.com.tw/blackie1019/archive/2013/12/27/136557.aspx
Microsoft Joins Forces with RedGate and Clickberry to Offer Node.js Tools for Visual Studio：http://www.infoq.com/news/2013/12/NTVS

点点滴滴 2014-07-25 14:03 发表评论

(搬运工)Android APK反编译详解（附图）

点点滴滴 — Fri, 29 Nov 2013 09:53:00 GMT

这段时间在学Android应用开发，在想既然是用Java开发的应该很好反编译从而得到源代码吧，google了一下，确实很简单，以下是我的实践过程。

在此郑重声明，贴出来的目的不是为了去破解人家的软件，完全是一种学习的态度，不过好像通过这种方式也可以去汉化一些外国软件。

本文Android反编译教程，测试环境：

Win7 Ultimate x64

Ubuntu 12.04 x86_x64

一、Apk反编译得到Java源代码

下载上述反编译工具包，打开apk2java目录下的dex2jar-0.0.9.9文件夹，内含apk反编译成java源码工具，以及源码查看工具。

apk反编译工具dex2jar，是将apk中的classes.dex转化成jar文件

源码查看工具jdgui，是一个反编译工具，可以直接查看反编译后的jar包源代码

dex2jar 和 jdgui 最新版本下载，分别见google code：

dex2jar（google code）

jdgui（google code），最新版本请见官方

具体步骤：

首先将apk文件后缀改为zip并解压，得到其中的classes.dex，它就是java文件编译再通过dx工具打包而成的，将classes.dex复制到dex2jar.bat所在目录dex2jar-0.0.9.9文件夹。

在命令行下定位到dex2jar.bat所在目录，运行

dex2jar.bat classes.dex

生成

classes_dex2jar.jar

然后，进入jdgui文件夹双击jd-gui.exe，打开上面生成的jar包classes_dex2jar.jar，即可看到源代码了，如下图：

HelloAndroid源码在反编译前后的对照如下：

二、apk反编译生成程序的源代码和图片、XML配置、语言资源等文件

如果是汉化软件，这将特别有用

首先还是要下载上述反编译工具包，其中最新的apktool，请到google code下载

apktool（google code）

具体步骤：

下载上述反编译工具包，打开apk2java目录下的apktool1.4.1文件夹，内含三个文件：aapt.exe，apktool.bat，apktool.jar

注：里面的apktool_bk.jar是备份的老版本，最好用最新的apktool.jar

在命令行下定位到apktool.bat文件夹，输入以下命令：apktool.bat d -f abc123.apk abc123，如下图：

上图中，apktool.bat 命令行解释：apktool.bat d -f [apk文件 ] [输出文件夹]

反编译的文件如下（AndroidManifest.xml为例）：

将反编译完的文件重新打包成apk，很简单，输入apktool.bat b abc123（你编译出来文件夹）即可，命令如下：

打包apk后的文件在目录C:\HelloAndroid下，生成了两个文件夹：

build

dist

其中，打包生成的HelloAndroid.apk，在上面的dist文件夹下，Ok

点点滴滴 2013-11-29 17:53 发表评论

(搬运工)Pomelo官方demo Chatofpomelo简析之二——聊天

点点滴滴 — Fri, 08 Nov 2013 03:31:00 GMT

摘要: 上一篇分析客户端登陆的过程。当用户登陆成功后，聊天又是个什么过程呢？下面就来分析聊天时，客户端与服务器端的交互过程。客户端我们先来看看下，聊天发送消息的过程。当用户在文本框内输入文字，并回车就可以发送消息了 1: $("#entry").keypress(function (e) { 2:var route = "chat.chatHandler.sen... 阅读全文

点点滴滴 2013-11-08 11:31 发表评论

(搬运工)Pomelo官方demo ChatofPomelo简析之一——用户登录

点点滴滴 — Thu, 07 Nov 2013 10:30:00 GMT

摘要: 官方给的tutorial真是简单明了，简的刚开始学pomelo，压根就不知道代码写在哪。所以还是自己研究研究。首先看服务器端，处理逻辑的主要在game-server/app/servers下。 650) this.width=650;" onresize="" onfocus="" onmouseover="" onmousemove="" title=image ondblclick=""... 阅读全文

点点滴滴 2013-11-07 18:30 发表评论

(搬运工)使用 WebStorm IDE 调试 Pomelo 应用程序

点点滴滴 — Thu, 07 Nov 2013 08:17:00 GMT

摘要: 使用得心应手的IDE来开发应用程序，可以使我们的工作事半功倍。而调试则更可以让我们准确的定位BUG，发现问题。本文讲述如何使用 WebStorm 这个怪兽级JavaScript IDE来调试 Chat of Pomelo。如果你更喜欢 Eclipse 等其他IDE，希望本文也可以有一些帮助。前言首先我们需要知道，NodeJS应用程序可以... 阅读全文

点点滴滴 2013-11-07 16:17 发表评论

(搬运工)Unity3D 游戏引擎之游戏场景的切换与持久化简单数据的储存

点点滴滴 — Thu, 31 Oct 2013 01:26:00 GMT

摘要: 持久化简单的数据储存在Unity3D 中提供了一个简单有效的方法，如果之前的你做过Android的开发你会发现在Unity3D中持久化数据的储存和Android非常的想象。那么下面MOMO 将用一个简单有效的例子向大家介绍Unity3D中持久化数据。首先我们须要熟悉一下Unity3D中的PlayerPrefs这个类。这个类中一共帮助我们封装了9个方法，用来数据的储存与读取。举一个例子 ... 阅读全文

点点滴滴 2013-10-31 09:26 发表评论

(搬运工)场景管理插件Scene Manager

点点滴滴 — Wed, 30 Oct 2013 10:40:00 GMT

摘要: Unity3d中提供了场景Scene的概念，Scene就是一组相关联的游戏对象的一个集合，通常每个集合就是一个场景，但是也有可能只是一个场景的一部分！场景中的游戏对象是任意的，可以是HUD的UI组件，场景地图，模型等等 Unity3d提供了一些切换场景的规则和方法（例如在切换场景时不销毁某些GameObject，同步，异步加载场景API），但是并没有提供一个通用的场景管理的模块（想要做到&#... 阅读全文

点点滴滴 2013-10-30 18:40 发表评论

(搬运工)Unity3D中GameObject 详细介绍

点点滴滴 — Wed, 30 Oct 2013 06:16:00 GMT

通过Hierarchy面板下的Create菜单可以手动地创建一个GameObject，它可以是一个相机，一个灯光，或者一个简单的模型，当我们要在程序里面动态地创建一个相机的时候，可以new一个GameObject，然后把Camera组件Add给它就可以了，创建灯光，GUI等也类似，但要创建简单模型的时候，我发现并没有类似Cube，Sphere这样的组件可供添加，后面知道，通过GameObject这个类的一个静态方法可以达到这个目的

static GameObject CreatePrimitive(PrimitiveType type);

可以根据PrimitiveType创建五种类型的基础模型

PrimitiveType.Plane，PrimitiveType.Cube，PrimitiveType.Sphere，PrimitiveType.Capsule，PrimitiveType.Cylinder

Unity3D提供一种被称为Prefab的预置对象，它是以文件的形式保存在硬盘上的一个GameObject，它里面可能包含了各种设置，组件，还有一些脚本。Prefab允许我们在不同的Scene，甚至Project中使用同一个对象，例如我实现了一个子弹，通过打包成Prefab，我可以在另外一个游戏里面直接使用它。

当一个Prefab对象被修改的时候，它的所有实例都会相应地被修改

在代码里面动态地实例化一个Prefab对象

public GameObject obj;
obj = Instantiate( obj );

要先创建一个公有变量，然后把这个Prefab拖到这个变量上，然后才可以用它来实例化对象（我感到一种蛋蛋的忧伤，能不拖吗）

通过Resources这个类的静态方法可以将Prefab对象动态加载进来，创建GameObject

GameObject之间的通讯，在游戏中，我们往往需要知道其他对象的一些信息，所以我们经常需要动态地查询另外一个GameObject

1. 查找父节点 transform.parent

2. 查找子节点 transform.Find("name"); transform.Find("Arm/Hand/Finger"); 没有找到会返回null，名字如果包含"/"字符将像路径一样穿越层次

3. 查找场景中的其他GameObject
GameObject.Find 从Scene下开始查找，根据GameObject的名字进行查找，允许使用"/"穿越层次查找，
GameObject.FindWithTag根据Tag查找一个GameObject，
GameObject.FindGameObjectsWithTag 根据Tag批量查找GameObject

GameObject的name和Tag可以直接设置，但Tag需要在标签管理器先定义一个Tag，这个Tag才可用，你不能将一个未定义的Tag赋给GameObject的Tag变量

最后还有一种搓搓的通讯方法，通过Message来调用其他GameObject，默认是垃圾短信群发，也可以将一个Object穿进去，然后调它的方法

methodName为方法名，value为方法的参数，options表示是否必须有对象接收该消息（如果是，且没有对象接受，u3d报错）

//调用本级别所有的GameObject上所有脚本的methodName方法
void SendMessage(string methodName, object value = null, SendMessageOptions options = SendMessageOptions.RequireReceiver);

//朝本级别和上级父节点发送调用命令
void SendMessageUpwards(...)

//目标是本级别和全部子节点...
void BroadcastMessage(...)

调用Object的Destroy方法可以销毁一个GameObject，组件，或者资源。这是一个静态方法，函数的原型为 static void Destroy(Object obj, float t = 0.0F );

可以通过将this传入，销毁自己。

GameObject的成员变量很多

点点滴滴 2013-10-30 14:16 发表评论

(搬运工)unity3d协作过程中svn的应用

点点滴滴 — Tue, 29 Oct 2013 02:06:00 GMT

算是从unity3d官方网站上的翻译，如果你没有看到，可以看下，这个也是我自己碰到比较麻烦的事情，经常windows下提交，然后mac下更新下去一堆关联没了，有些可以reimport可以变好，有些要重新关联，麻烦的很，因为我们漏了一些东西没有提交到版本控制中。

在unity3d中建立一个项目，如：InitialUnityProject，你可以加入一些assets的package或者放到以后加也没关系，我一般是刚开始是空的项目，空的场景，然后保存，一些asset可以在用到的时候选择性的添加，不然一堆东西看着也是麻烦的
Edit->Project Settings->Editor，选择Enable, 我在4.3.1的时候，安装了默认是disable的，这里要开起来，这样你的asset每个就会有meta 文件生成，大家可以用ultraedit等打开看下里面的东西，注意这个文件最好生成后不要自己去修改和删除，提交到svn即可，这个文件是文本，svn可以merge的
退出unity3d,当然你可以保存你的空场景
删除Library下的所有文件和目录，不过以下的文件要保留，其实也就是一些配置的东西：
- EditorBuildSettings.asset
- InputManager.asset
- ProjectSettings.asset
- QualitySettings.asset
- TagManager.asset
- TimeManager.asset
- AudioManager.asset
- DynamicsManager.asset
- NetworkManager.asset
- 不过在mac下面比较搞笑的是，它不会自动生成cache目录，他会生成其他的如preview之类的，但cache不会，你如果reimport，则他会报错，说不能从temp复制到cache.搞不清楚他自己为啥不创建，怀疑写程序的人有点想当然了，没判断目录是否存在吧。所以在mac下，自己要创建下cache目录，不然你报错可能不知道怎么回事情。
把项目文件夹Import到svn服务器上，命令行如下：
svn import -m"Initial project import" InitialUnityProject svn://my.svn.server.com/MyUnityProject
你可以从svn 服务器上check out出来整个项目，任何组内的开发人员都可以
svn co svn://my.svn.server.com/MyUnityProject
看看所有用到的Assets下面的文件是否都已经在版本控制下了
建议： 可以为Library设立ignore ,如果用命令行的话
svn propedit svn:ignore MyUnityProject/Library
svn 会打开一个文本编辑器，添加所有除了下面文件外的目录和文件到这个文本中
- EditorBuildSettings.asset
- InputManager.asset
- ProjectSettings.asset
- QualitySettings.asset
- TagManager.asset
- TimeManager.asset
- AudioManager.asset
- DynamicsManager.asset
- NetworkManager.asset
当用unity3d打开项目的时候，一些丢失的文件会全部重新建立，如Library中被我们删除了的，如果还是不行，可以用reimport all
最后就可以用svn commit了
svn ci -m"Finishing project import" MyUnityProject

点点滴滴 2013-10-29 10:06 发表评论

(搬运工)unity3D的FingerGestures插件

点点滴滴 — Mon, 28 Oct 2013 01:30:00 GMT

摘要: 目录 FingerGestures包结构FingerGestures例子列表设置场景教程：识别一个轻敲手势教程：手势识别器教程：轻击手势识别器教程：拖拽手势识别器教程：滑动手势识别器教程：长按手势识别器教程：缩放手势识别器教程：旋转手势识别器教程：自定义手势识别器教程：识别手势事件建议：使用.net代理事件 fingerGestures包结构路径，相对Asse... 阅读全文

点点滴滴 2013-10-28 09:30 发表评论

(搬运工)Unity3D引擎崩溃、异常、警告、BUG与提示总结及解决方法

点点滴滴 — Tue, 22 Oct 2013 03:03:00 GMT

1.Unity3D经常莫名奇妙崩溃。

一般是由于空异常造成的，多多检查自己的引用是否空指针。

2.编码切换警告提示。

警告提示：Some are Mac OS X (UNIX) and some are Windows.

This might lead to incorrect line numbers in stacktraces andcompiler errors. Many text editors can fix this using Convert LineEndings menu commands.

编码格式问题，VS的话直接高级保存方案里面修改，一般我选的是UNICODE（UTF8代签名）MACINTOSH(CR)，WINDOW下的可以选WINDOWS的格式，两边都要用的话，推荐选CR。

3.中文界面解决问题。

monodevelop中文显示解决方法：http://www.cocoachina.com/bbs/read.php?tid-78563.html

中文Mac系统下MonoDevelop乱码解决：http://blog.csdn.net/ssihc0/article/details/6796118

4.安装空项目报错

不知道怎么地，在IOS试过一次空项目也在错误提示。大概是说什么“找不到需要的方法”。

重装一下就好了，估计是UNITY文件损坏或者安装不完全出错了。

错误提示：MissingMethodException: Cannot find the requestedmethod.

估计是破解Unity3D造成的，该破解文件可能是不支持WIN7下的。
解决方法：换正版或换个破解文件。

5.平台编译错误或库引用缺失

错误提示：error CS1061: Type `System.IO.FileInfo' does not containa definition for `Delete' and no extension method `Delete' of type`System.IO.FileInfo' could be found (are you missing a usingdirective or an assembly reference?)

出了这个错误一般有两个原因了。

1.没有引用相关的库。

2.选错编译平台。（BuildSetting里面的Platform）

错误提示：Could not startcompilationWin32Exception:ApplicationName=“XXXX\mono.exe”,……

解决方式：重装UNITY3D。

6.内存资源加载错误问题

错误提示：Trying to reload asset from disk that is not stored ondisk

个人是在加载多个ASSETBUNDLE时，用了释放镜像之后，发生了下面的BUG。

这个警告它并没有对游戏流程有任何影响，不过一直跳出来很烦人。我们项目中是因为用Dictionary删除的时候没有删除完整导致的。

解决方案参考：http://blog.sina.com.cn/s/blog_5b6cb95001019ipi.html

个人认为比较大可能是下面的原因：

还没释放完镜像再次加载就出BUG了。将所有ASSETBUNDLE加载完后再同一释放，这样就没问题了。

Unity will only allow you to have a single instance of aparticular AssetBundle loaded at one time in your application. Whatthis means is that you can't retrieve an AssetBundle from a WWWobject if the same one has been loaded previously and has not beenunloaded. In practical terms it means that when you try to access apreviously loaded AssetBundle like this:

（BY:http://docs.unity3d.com/Documentation/Manual/keepingtrackofloadedassetbundles.html）

国外论坛的讨论：

http://forum.unity3d.com/threads/49298-Trying-to-reload-asset-from-disk-that-is-not-stored-on-disk

貌似老外也没完全确切搞定这个。

错误提示：Deletingpersistent object without writing it first

不论如何你都不应该直接修改一个从assetbundle加载进来的最初数据，一般都要先实例化出来再对其修改。但是引用的东西（例如mesh），这些也不能修改它。若要修改的话，则先复制一份出来。

复制一份模型出来重新复制，以免直接修改被引用的镜像模型。如下：

 
1 　Mesh temp = Mesh.Instantiate(smr.sharedMesh) as Mesh;
2  
3 　　myMesh.sharedMesh = temp;

7.时间错误、NaN错误

错误提示：transform.position assign attempt for 'XXX' is notvalid。Input rotation is {NaN, NaN, NaN, NaN}.

一般是由于游戏暂停将timescale设为0引起的，需要寻找相应用了Time.deltTime等参数的函数修改。否则会导致计算出错报空异常。

详细解决看另一篇文章：关于NaN（Not a Number)的问题http://blog.sina.com.cn/s/blog_5b6cb9500101cd9e.html

8.动画错误

这个错误是4.0新引进动画系统才出现的。

错误提示：Mecanim: BindSkeleton: Cannot findtransform“objectname”

解决方式：

1.找到该对应transform“objectname”的模型，直接在检索面板搜索所有相应名字，能容易找到。

2.将模型的面板的Rig部分的动画AnimationType改为none

9.坐标系向量计算的错误提示

错误提示：Look rotation viewing vector is zero

解决方式：一般是由于摄像机的旋转角度造成的。也可能是向量的计算多余而系统提示。我们项目中是强制摄像机90度的时候出现，改成89.9度就没问题了。

具体还有的参考Unity3D官方论坛：

http://answers.unity3d.com/questions/397425/look-rotation-viewing-vector-is-zero-error.html

若没找到解决方法再搜索下。

10.关于AssetServer

错误：明明上传了所有修改，但是别人的机子却没有下载带最新代码。

原因：Merge完代码之后，操作了ignore serverchange,UNITY默认是以你本机子的为准，若此代码没有再次修改，则AssetServer不认为这个东西被修改过，没有上传那代码。

解决方式：打个空格重新保存一下该代码。

11.关于数据格式的错误

错误提示：IllegalJSON sequence

解决方式：http://forum.unity3d.com/threads/143168-JsonFX-WTF-Illegal-JSON-sequence

12.导出WINDOS平台下的项目运行不成功

错误提示：没有找到相应assetbundle的路径

解决方式：因为用了assetbundle加载，而游戏在有中文路径下，assetbundle的路径不能有中文。换个无中文的目录即可。从根源上能解决的方案现在暂时没有。

13.导入资源出错

错误提示：Error while importing package :Couldn't decompresspackage

解决方式：导入资源出错，大部分都是中文路径惹的祸。将资源换到无中文路径试试。如C/D盘根目录。

点点滴滴 2013-10-22 11:03 发表评论

(搬运工)NGUI中深度depth和z轴关系的小试验

点点滴滴 — Sat, 19 Oct 2013 04:30:00 GMT

GUI中是用depth来控制sprite显示顺序的，本来这很好用，但碰到上面帖子中的问题时却不好解决了，于是我试验了下。以下是一些总结，不对的地方请指正。
下面的内容可能看起来比较绕，这样的话只需实际试验下就能很容易的知道结果，呵呵
如果还是看不明白，可以先看1楼，那里有个总结

1，同一个panel下，同一个atlas的不同sprite的显示只受depth的控制，这是最经常用的方式。此时不论精灵的z轴如何变化，depth高的一定在前面。
比如精灵A的z轴是-10，更靠近相机，但它的depth是0，而精灵B的z轴是0但depth是1，那么精灵B还是显示在前面
如下图，0、1、2的前缀分别是三者的depth值，则三者的排列就是如图的由下到上，2_Label在最上面

现在在depth不变的前提下修改z轴的值。将0_Dark的z轴调为-100，则它离相机更近了，看上去应该挡住后面的两个才对，但Game场景中三者的关系并没有改变，也就是说虽然看上去0_Dark应该挡住后面的东西，但并没有这样，还是depth起作用，也就是feiben同学所说的“相同atlas其实是共用同一个Z轴深度”。

2，不同panel下，同一个atlas的不同sprite不受depth的控制，而受z轴控制。此时只需稍微调节下其中一个精灵的z轴就可以，比如0.1，就可以控制sprite的显示
比如接着1中的图，新建一个panel_B，将1_NGUI拖到里面，会看到它盖住了0和2，现在调节depth不起作用，无论1_NGUI的depth调成多少，都不会改变它在最上面的状态

现在调节下1_NGUI的z轴为0.1，则它到了最后面

而比如现在想把在panel_B中的1_NGUI重新显示在0和2之间，能办到么？经过试验会发现无论怎么调三者的z轴，都不能将NGUI放到1和2之间，因为它们是一个图集中的精灵，共用一个z轴深度
比如将0_Dark的z设为100，此时1_NGUI的z轴还是0.1，但1_NGUI重新跑到了最上面，而不是中间

再把Label的z设为-100，NGUI是被覆盖了，但Dark也跟着跑到了上面，注意此时三者的空间位置，NGUI的确是在中间的，但还是被后面的Dark挡住了

你也许会感觉这是自找麻烦，没事把同一个atlas的精灵放到两个panel中干什么呢？一般情况下是自找麻烦，但为了解决上面帖子中提到的问题，这是个解决的办法，如3

3，不同panel下，不同atlas的精灵的穿插，受z轴的控制。
现在回到帖子中提出的问题，怎么让多个atlas的sprite能进行穿插。办法是用多个panel。
比如有两个atlas，分别为SiFi和Wooden，而SiFi中有两个要显示的精灵Dark和Label，Wooden中有一个要显示的精灵wooden，现在想把wooden放到Dark和Label之间。那么设置两个panel，一个放Dark和wooden，另一个放Label，或者一个放Label和wooden，另一个放Dark，只要SiFi图集中的两个精灵不在同一个panel中就可以，之后微调其中一个精灵的z轴就可以了，比如调节Label的z轴为-0.1，则如下图，wooden到了Dark和Label的中间

不过如果认为为什么要这么麻烦呢，只需要在一个panel中调节就可以了，那就回到了2中的问题上，总是在上或在下，而不会在中间

如下图，三者在一个panel下，现在空间位置是wooden在中间z为0，Dark为100，Lable为-100，且三者的depth也是相应的，但wooden还是在最上面

现在修改下wooden的z轴，比如改为1，而Dark和Label的z不变，则wooden跑到了最后面，但就是不到中间去

此外，即使用两个panel，但同是SiFi图集中的Dark和Label还是在同一个panel下，而把wooden放到另一个panel中，还是无法达到插入的目的，如下图，无论怎么调节wooden的z轴，它要么在最前面，要么在最后面

此时只需把Dark或Label之一放到wooden的panel下就能实现wooden在中间的目的，比如把Dark和wooden放到一起

而现在有个有趣的想法，就是既然这样可以达到wooden在中间的目的，那能不能把label放到两者中间呢？试一下就知道，是可以的。而既然这样，那Dark能放到两者中间么，试一下，还是可以的。这就让定位更加灵活

当然这是最简单的穿插，如果有多个panel和多个atlas的话情况会比较复杂，此时要记着2中的情况，否则还是容易出现无法穿插的问题。而解决这个问题的方法最好还是atlas设计的时候更全面，让穿插的sprite在一个atlas中，这样只用depth深度就可以控制了

4，同一个panel下，不同Atlas的sprite，受z轴控制，depth不起作用。而默认添加的时候覆盖关系似乎和atlas有关，比如从SiFi图集和Wooden图集中分别添加任意一个精灵到同一个panel下，总是SiFi的精灵在下面，此时depth不起作用，可以直接调节z轴比如-0.1就可以

5，（修改）对于panel是否会产生drawcall，之前的试验存在误区，当时是直接复制带着sprite的Panel，这的确会产生新的drawcall，这是因为在复制时panel的scale被修改了，由1变成了0.9999304之类的，这会导致drawcall增加了1个，而之后再复制这个由复制产生的panel，scale还是0.9999304，所以drawcall不会再变。
现在发现修改panel的缩放scale的确会增加drawcall。所以如果为了方便而复制一个panel的话，别忘了reset它的缩放

而之所以对panel是否会产生drawcall，是因为官方例7中只用了2个Atlas，但drawcall却是5个，当时简单的认为是panel的问题。

其实上面的东西总结出来就一句话：（啰嗦那么多，总结却这么少，好没成就感，呵呵）
在相同Panel下，相同Atlas中的Sprite才受Depth控制，其他情况则受z轴控制，但同时又受前者影响。

列个表的话就是：
1、相同panel 相同atlas sprite受depth控制
2、相同panel 不同atlas sprite受z轴控制（同时受1的影响）
3、不同panel 相同atlas sprite受z轴控制（同时受1的影响）
4、不同panel 不同atlas sprite受z轴控制（同时受1的影响）

不过要特别注意的是，虽然depth控制的范围看似较少，但它却占主导地位，是最常被用到的，这是因为NGUI基于Atlas，只有在1无法达到目的的时候，才会去用其他的。而且在较复杂的情况时它也是易被忽略的，也就是2、3、4括号中的“同时受1的影响”。比如在2中，相同panel下，有三个sprite：A、B、C，但A和B的Atlas是相同的，C是的Atlas是另一个，此时即使用z轴控制，也无法将C放到AB之间，这也是上楼中3中所提到的问题。

此外关于字体，感觉要分两方面，一个是英语等外语，一个是中文。

对于英文，因为就那些有限的字母（因为只会点英语，所以不知道是不是有的外语制作起来也很繁杂），所以可以和图片sprite放到一起，官方的atlas中就是这样的分布，把字体和图片打包在了一起。这种情况下我感觉字体和图片是在同一个atlas里面的，使用起来也只是占1个drawcall。而同一个atlas中的sprite，则可用depth来调整深度。比如上面1234例子里的Label就是英文字体，它是和Dark这个图片同在SiFi图集中，所以在相同panel下可用depth来控制显示顺序。但此时想再插入一个其他atlas中的sprite到他俩之间的话，就会不成功，因为他俩是一个atlas中的。
而不同的panel下就只能用z轴来控制了。比如用SiFi的Label，此外再用wooden图集的button，他俩只用depth是没法控制的。如下图中，后缀表示label的depth是10，而button的depth是0，但button还是挡住了label，这和上面说的第4条一样。

此外对于将文字打包到Atlas中，是在制作字体是，在FontMaker中选择目标Atlas，此时就会将文字打包到了此Atlas中。不过要注意，这个操作会修改Atlas，所以不要弄错了
如下图，就是将官方的Arimo14字体打包到了DiShuTest图集中，也就是在Output选项中选择Atlas。而or select这项中的字体会被替换掉，可以不选，当然Atlas在不打包字体的时候也可以不选

而对于中文，文字因为不能像英文那样用单个的字母来组成，所以为了能显示大多数的常用字，一般都是用单独的UIFont来制作，可看做是一个atlas，这种情况下，字体的atlas和其他的atlas就是在不同的图集了。此时可用z轴来控制。
比如下图中，用了3个Atlas，都放到同一个panel下，后缀表示的depth，注意左边的那4个是参照，只为了能看清都是那些东西。分别是：
Atlas1，使用一个sprite，人物为程咬金，depth为3
Atlas2，实际是一个中文Font字体的label，也看做是图集，depth是2
Atlas3，最后两个精灵都是用的Sift中的，depth是0和1
然后把它们都放到一个panel下，而你做试验的时候可能显示的顺序不一样，但不要紧，我们关注的是它们是不是以depth的顺序排列了，而看一下就知道，它们并没按顺序排列，比如NGUI的depth是1，但它却显示在了最上面。

现在用z轴控制他们的显示顺序和depth一样，很容易就做到了。

这些试验都是在比较简单的情况下做的，所以可能并不真的对，所以如果有错误的地方请指出。

点点滴滴 2013-10-19 12:30 发表评论

(搬运工)Unity开发之NGUI系列

点点滴滴 — Thu, 17 Oct 2013 11:47:00 GMT

在Unity开发中收集了一些插件，收集这些插件的目的并不是我喜欢在开发中使用插件。本着喜欢的态度去收集的，就像我喜欢收集模型一样；还有一点就是通过了解插件能让我知道Unity更多的功能与应用，假设说：我想做一个RPG的手机游戏，但是不知道如何通过做出打斗的那种真实感，在Assets Store已经有这样的pack或kit，我就可以从它的代码结构，资源使用及Demo截图、文字描述中大概得知一二，再经过分析，能为我做好前期的准备工作，及项目规化。当然了收集这么多插件，有些也是因为在Assets Store上宣传特别地给力，所以想收藏过来看一看其强大之处……
相对收集插件及模型来说，我更偏向看Unity方面的书箱，读书能够让我更全面地了解unity方方面面，包括一些基础的技能。
其中与NGUI相关的一系列的插件就有如下：(还有一些未整理)，版本也从刚开始使用的2.0到现在的3.0.1，经历这么多的版本变化，对我来说，我要使用的核心的功能还是一样“提高开发效率，减少Draw Call。”
最常用的要数NGUI、NGUI&HUD Text、StarlinkUI，其它的仅打开看了，没有应用到具体的项目中

以下是部分插件在Assets Store上的截图
检视面板
UI的MVVM模式
文字添加右键功能
PS——>Unity
深度管理
屏幕适配
HUD Text漂浮的文字
主UI库
我把它当作成品UI库
在NGUI中使用Html标签
在使用3.0的时候，在readme中的这段话让我考虑了一下是否继续提升当前的NGUI版本：
*** WARNING *** PLEASE BACK UP YOUR PROJECT BEFORE UPDATING! 3.0.0 is a major changeset. You will need to open and re-save all of your scenes and prefabs after updating! After updating, expect some things to no longer work the same way they used to. Widgets scale is no longer used as its size, so any code that you had relying on this will need to change to use 'width' and 'height'. You can also expect compile errors related to delegate usage. The following links may help you:  http://www.youtube.com/watch?v=uNSZsMnhS1o&list=UUQGZdUwzE8gmvgjomZSNFJg http://www.tasharen.com/forum/index.php?topic=11.msg27296#msg27296  3.0.0: - NEW: Changed the way widgets get batched, properly fixing all remaining Z/depth issues. - NEW: Draw calls are now automatically split up as needed (no more sandwiching issues!) - NEW: Re-designed the way widget width & height gets specified. The values are now explicit, and scale is no longer used. - NEW: NGUI will now automatically replace UITextures with Sprites when they get added to an atlas. - NEW: It's now possible to have clipped panels in 3D and not have them break when tilting the camera. - NEW: It's now possible to nest widgets. - NEW: It's now possible to have multiple widgets on the same object. - NEW: It's now possible to change the selection handles color via the NGUI menu. - NEW: UICheckbox is now a UIToggle, and you now specify a 'group' ID rather than a common root object. - NEW: Added TweenWidth and TweenHeight to tween widgets width and height properties. - NEW: You can now specify the label overflow method: shrink content, clamp content, resize height, or resize freely. - NEW: When labels are in "resize label" overflow mode, the drag handles will be greyed out. - NEW: Added a simple EventDelegate class and improved all generic components to use it. - NEW: Added a Widget Container class that can be used to easily select and move groups of widgets (think: buttons, windows). - NEW: Added the RealTime helper class that removed IgnoreTimeScale. Usage: RealTime.time, RealTime.deltaTime. - NEW: Improved the inspector look of just about every component. - NEW: UIPanel now shows a list of all of its draw calls and the widgets causing them. - NEW: Added a way to auto-normalize the depth hierarchy from the NGUI menu. - NEW: You can now hide explicit draw calls by collapsing the draw call fold-outs on the panel. - NEW: Sprite selection window now shows sprite names as well. - NEW: Atlas maker will now automatically sort the sprites, saving them in an alphabetical order. - NEW: UICamera now has a better inspector, and it automatically hides properties if it's not the main one. - FIX: CTRL+ and CTRL- now adjust all widgets under the selected object. - FIX: Labels will now again align vertically properly. - FIX: Atlas maker will now respect textures that were imported with a non-native size. - FIX: Atlas maker will no longer change so many import settings on source textures. - FIX: Make Pixel Perfect is now undoable. - FIX: You can once again rename sprites in the atlas. - DEL: Removed the long-ago deprecated UISlicedSprite, UITiledSprite, and UIFilledSprite classes and some other legacy code.

当我把原来的项目中的NGUIv2.6.4换成3.0之后有很多的Error，看着这些Error，权衡了一下与我们现在的项目(中国风跑酷)的关系，决定选择V2.7.0比较妥当。我也明白太过追求最新的版本并不是最好的，考虑到我们组的开发人员有限(目前U3D只有两名)，另外我要花时间去了解新版本特性及其修改的地方(Component细微的改变)，但是项目组没有预算到这部分时间，所以稳定版的才是最适合我们的。

点点滴滴 2013-10-17 19:47 发表评论

(搬运工)Unity3D开发（一）：NGUI之UIRoot屏幕分辨率自适应

点点滴滴 — Tue, 15 Oct 2013 06:47:00 GMT

NGUI在Unity3D游戏开发中非常常用，而NGUI对于每一个UI场景，都是以一个UIRoot为UI游戏对象树的根的，那么这个UIRoot是起什么作用的呢？

先简单看一下UIRoot中的基本属性

UIRoot游戏对象的属性只有4个，分别是缩放规则，手动高度，最小高度和最大高度

而正是这4个属性，将影响整个UI场景中整体的缩放比例，当设置好这4个属性之后，UIRoot游戏对象的相对缩放值(LocalScale)将会生成并且不能被直接修改（NGUI中很多属性都是不能直接被修改的，这种控制是在UIRoot脚本中，通过设置[ExecuteInEditMode]做到的，其相对缩放值是根据UIRoot的4个属性计算出来的），那么这4个属性分别是什么含义呢？

（吐槽一下，也许这里的用户体验并不足够友好，因为Manual Height和Minimum Height, Maximum Height并不会同时起作用，如果能做到在选择Scaling Style时动态的切换，使用者也许能更清楚它们之间的关系）

1.Scaling Style (缩放类型)

这是一个简单的枚举变量，包括三个枚举值

[csharp] view plain copy print ?

public enum Scaling
{
PixelPerfect,
FixedSize,
FixedSizeOnMobiles,
}

（FixedSize和FixedSizeOnMobiles类似，并且后者只添加了对ios和android平台的判断，所以前者可以替代后者使用）

这里只讨论PixelPerfect和FixedSize的区别，两者都是针对于所有在此UIRoot之下的UI组件而言的，也可以认为是在此UIRoot下，整个游戏屏幕的尺寸的缩放类型！

2.Manual Height和Minimum Height, Maximum Height (手动高度和最小高度，最大高度)

Manual Height和Minimum Height, Maximum Height不会同时对此UIRoot起作用，当选择Scaling Style为PixelPerfect时，我们需要设置Minimum Height, Maximum Height；而当Scaling Style为FixedSize或FixedSizeOnMobiles时，我们需要设置Manual Height。（这就是我前面吐槽的原因）

3.使用

（1）PexelPerfect和Minimum Height, Maximum Height

这个组合主要用于我们期望所有的UI纹理都“尽量”不进行缩放，所谓“尽量”的程度，则是取决于Minimum Height和Maximum Height，Minimum Height表示当设备分别率小于此设置值时，根据此设置值对UIRoot进行缩放；Maximum Height表示当设备分辨率大于此设置值时，根据此设置值对UIRoot进行缩放（UIRoot是UI游戏对象树的根，修改UIRoot的缩放，则会影响整棵UI树的缩放）

（2）FixedSize和Manul Height

这个组合主要用于我们期望所有的UI纹理都进行“合适”的缩放，所谓“合适”缩放的原则，则是根据Manual Height设置值，当设备分辨率的高度值不同于此设置值时，则根据其比例（即Manual Height / Screen Height）对整棵UI树的进行“等比”缩放（宽度的缩放比也是此比例值），这样，我们就可以做一套资源，在不同尺寸的分辨率最好的“不变形”的适配了

（3）交集

前面两组在什么情况下等同呢？

Manual Height == Minimum Height == Maximum Height

推导过程，呵呵~~

具体可参考UIRoot中activeHeight属性和GetPixelSizeAdjustment的计算过程

4.这也许并不够

基于以上推到，当我们以1024x768为标准分辨率做一套UI资源（也就是选择FixedSize并且Manual Height=768），似乎可以满足百分之90以上的机型了，而为什么是1024x768呢？

既然我们已经容忍在除1024x768之外的其他设备上进行等比缩放了，那为什么不是960x640呢？

计算一下1024x768的宽高比=1.33，960x640的宽高比=1.5，这就是移动设备的分辨率比例的全部了吗？

当然不是，iphone5的比例就要大于1.5，还有各种奇葩的android设备呢，比如夏新的n828就是960x540，宽高比=1.78

那为什么以1024x768为标准呢？

因为1.33的宽高比，当我们的1024x768的资源到960x640的设备上时会有什么现象？

根据Manual Height / Screen Height的比例可知，我们需要缩放768 / 640 = 1.2倍，假设是一张1024x768的纹理，高度缩放1.2倍变为了640，宽度也要相应缩放1.2倍变为853（保证等比缩放不变形），也就是说1024x768的资源放到960x640上反而两边有了黑边，这是我们可以容忍的，我们可以做一个很大的背景或者拉伸，保证UI组件不变形即可，很多游戏都是这么做的，比如植物大战僵尸在iphone5和ipad上看到的背景视野并不一样大！

当放到夏新的机器上呢？

我们需要缩放768 / 540 = 1.4倍，宽度1024 / 1.4 = 731，这是可以的，只是看起来更怪一些，因为两边的黑边相对比例更大了（960 - 731=229的黑边区域）

而我表示android机器的分辨率奇葩到只有想不到，没有做不到的程度，也许宽高比1.7并不是终点，当遇到1.8之后，黑边的相对比例会更大。。。

5.问题又来了

假设我们的游戏类型更适合iphone手机玩，不太适合ipad，所以我希望能以960x640为标准做一套资源，可以吗？

我只能说不太可以，因为你要在设计UI组件的大小做限制了，为什么需要做限制？

假设我有一张纹理是960x640大小的，在iphone上铺满整屏，根据我们的设置（FixedSize和Manual Height=640），拿到1024x768的分辨率上，高度640 / 768 = 0.83，为了保证等比缩放，宽度960 / 0.83 = 1156，不幸的事情发生了，1156 > 1024，这个UI组件宽度超过了屏幕的宽度，被裁剪了。。。这是我们不能容忍的，或许你可以说我们尽量不做这种尺寸的UI，OK，你可以对UI尺寸加限制，但是当面对android那些奇葩的分辨率的时候，你会发现限制越来越大，这也许会让美术和策划疯掉！

6.解决方案

当我们花上一些时间去观察现在移动设备的分辨率时，虽然奇葩很多，但是还是有一些规律的，规律的在于宽高比而不在于具体尺寸，大体上划分一下宽高比在1.3,1.5,1.7的范围上的居多（基本是全部吧！）即便是再有1.2,1.8的比例也无妨。。。

NGUI为我们提供的方案只有以各种高度为衡量标准是不够的，我们应该加上一种以宽度为衡量标准的缩放类型

而对于UI资源的标准，我们选取960x640，宽高比为1.5

这样，当我们在兼容大于1.5的尺寸的时候，使用NGUI的现有方案；当我们在兼容小于1.5的尺寸的时候，使用以宽度为衡量标准

也就是说有一个类似Manual Width的属性，当小于1.5时，我们使用Manual Width / Screen Width得出整棵UI树的缩放比例！

这样做的好处是“黑边”区域不会太大，并且不需要对UI组件的大小做限制！

点点滴滴 2013-10-15 14:47 发表评论

(搬运工)【Unity3D插件】NGUI屏幕自适应

点点滴滴 — Tue, 15 Oct 2013 06:15:00 GMT

屏幕自适应

NGUI可以比较方便的实现屏幕自适应，但是它的官方教程里面针对这个问题没有详细的教程，所以可能在实现的时候会走比较多的弯路。以下是我在开发过程中找到的一个比较方便的实现方法。

主要组件

1. UIAnchor

这个是用来确定控件在屏幕中的位置，另外有一篇教程专门讲它的功能，所有不会再赘述

2. UIStretch

这个是用来做缩放的组件。老版本的NGUI是集成在UIAnchor上的。新版本的UIStretch提供了4种缩放方式：

Horizontal：只缩放水平方向

Vertical：只缩放垂直方向

Bose：缩放两个方向

BasedOnHeight：基于高度等比缩放

然后基于这些我自己实现了一个

BasedOnWidth：基于宽度等比缩放

代码如下：

[csharp] view plain copy

else if(style == Style.BasedOnWidth)
{
localScale.x = relativeSize.x * screenWidth;
localScale.y = relativeSize.y * screenWidth;
localScale.z = localScale.x;
}

这段代码添加在Update方法里面。为了能将UIStretch挂在UIPanel上面不出问题，所有将Z轴也缩放了。

自适应流程

1. 创建一个新的UI，将Anchor里面的UIAnchor调整的合适的位置，注意最好将Anchor设置为Bottom。

2. 将Camera的Size调节到默认屏幕大小。比如UI是以960*640分辨率制作的，那么将Camera的Size调整到960。

3. 在Panel上面添加一个UIStretch，模式选择BasedOnWidth。完成之后你可以看到你的Panel的Scale被修改到了当前屏幕的X方向分辨率大小。

4. 将UI控件添加到Panel上，调整位置，在Panel下的所有控件都会以X方向为标准做等比缩放来适应屏幕大小。

5. 添加一张作为背景的图，将UISprite的anchor设置为Bottom，添加之后你可以看到这个sprite可以在不同的分辨率下自适应了。

6. 以上一步添加的背景图作为参照物来摆放页面上的控件，这样不仅仅是大小，位置也同样会按照相同的模式进行等比缩放

7. 可以在第3步创建的Panel下面添加子Panel，子Panel不需要UIStretch（一般用来做Draggable Panel，否则没必要，会增加额外的Draw Call）

8. 如果某一些控件需要定位在屏幕上下左右中的某一角，可以单独给他添加一个UIAnchor，这个时候UIStretch只会缩放这个控件的大小，它的位置由他自己的UIAnchor控制了

点点滴滴 2013-10-15 14:15 发表评论

(搬运工)NGUI官网示例13 –Character角色装配与储物箱（四）

点点滴滴 — Tue, 15 Oct 2013 04:59:00 GMT

选择Shoulders对象，为其添加一个EquipmentSlot（Component->NGUI->Example-> EquipmentSlot）,并把shoulders中的各个子对象赋值给该组件对应的变量中，再为其添加音效，最后把场景中Orc对象赋值给Equipment，表示要把装备装配到该物体上，接着在slot中选择shoulders，如图所示

为该元件添加一个按键动画，选择Shoulders，并添加一个Button Scale（Component-> NGUI->Interaction->Button Scale）,并为该按键添加一个Collider（NGUI-）Attach a collider）如图所示

为其他的Boots和Bracers做相似的操作

选择RandomBotton对象，为其添加一个Equip Random Item组件（Component->NGUI-> Example->EquipRandomItem）,并把Orc对象赋值给Equipment参数，如图所示

为该场景的装备创建一个简单的数据库。创建一个空的游戏对象，并命名为ItemDatabase，并为其添加一个ItemDatabase（Component->NGUI->example->Item Database）。如图所示

接下来就是不断地重复劳动了，为该数据库添加各种数据。点击New Item，为其添加Item Name，和Item描述，Slot等等，我们以shoulders为例，如图所示

大家在做这个database数据库的时候，需要思考一下他们这些参数的作用。这里不赘述，还是比较好理解的。

接下来，激动人心的时刻到了，点击播放，看，操作一下左边的按钮，看，可以自动装配上去了！如图所示

大家可能会问，它怎么知道把装备安装到什么地方了呢？好，以Shoulders为例子，选择Orc对象，不断展开它的子对象，找到Bip01 L Clavicle，看下面有一个名为Attachment-Left Shoulder的游戏对象，而且这个游戏对象添加了一个InvAttachmentPoint组件，而且这个组件里面的Slot被设置成Shoulders，也就是说，这个游戏对象就是真正识别需要添加什么装备的地方。如图所示

接下来，实现装备的描述窗口，当鼠标停放在一个装备图标上面时，它会出现一个装备描述窗口，如图所示

选择我们上面制作好的Tooltip对象，把2D UI Camera对象赋值给它的UI Camera。点击播放，把鼠标放置在装备按钮上，ok，显示出来了！现在来实现装备从左边的图标中移动到右边的储物箱中的制作。创建一个空的游戏对象，并命名为Storage Icon Template，并在其下创建一个SlicedSprite，并命名为background，创建一个Sprite，命名为Icon，如图所示

为Storage Icon Template添加一个UI Storage Slot组件（Component -> NGUI -> Example -> UI Storage Slot）,并设置参数，接着把该对象的enable勾选掉，如图所示

选择Backpack对象，为其添加一个UIItemStorage组件（Component->NGUI->Example-> UIItemStorage）并设置其参数，点击播放，如图所示

现在来设置这个储物箱里面为空。选择Storage Icon Template中的Icon，把Sprite组件的enable关闭掉，重新点击播放，ok

接下来，当在左边点击装备图标之后，要可以显示该图标并可以对图标进行拖动，如图所示

选择Cursor对象，接着把2D UI Camera赋值给该对象下的Cursor组件中的UIＣａｍｅｒａ就ｏｋ了，如图所示

现在来实现最后一步，拖动装备图标之后，放置到储物箱中。选择Storage Icon Template,重新打开其Enable，接着为其添加一个Collider（NGUI->Attach a collider），接着重新把该对象的Enable关掉，点击播放，ok，全部搞定！

如图所示

点点滴滴 2013-10-15 12:59 发表评论

(搬运工)NGUI官网示例13 –Character角色装配与储物箱（三）

点点滴滴 — Tue, 15 Oct 2013 04:58:00 GMT

该部分主要是为实现装备在拖动的时候出现拖动图标的效果和当鼠标放置在装备上时提示装备的一些信息而做准备。
使用UI Tool创建一个Simple 2D UI层级结构，其Layer为2DGUI，我们通过不同的图层的设置让摄像机只显示我们设定的图层中的对象，有点像photoshop中的图层，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_3661df8ca9077cf.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_3661df8ca9077cf.png">
调整该结构，把Panel和Camera从UIRoot（2D）中分离出来，接着删除UIRoot（2D）和Anchor对象，接着把Camera放置到Panel中成为其子物体。并命名Panel为2D UI，Camera命名为2D UI Camera。最后为2DUI添加一个Root组件（Component->NGUI->UI-> Root）如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_66326bdd03e2df1.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_66326bdd03e2df1.png">
制作拖动图标的参考对象。在2DUI对象下，创建一个空的游戏对象，并命名为Anchor-Center，并reset一下，接着为该对象添加一个Anchor组件（NGUI->Attach a anchor）,并把2D UI Camera赋值给该组件下的UI Camera，这样这个Anchor才能找到与这个摄像机对齐，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_dea8d385ba1032d.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_dea8d385ba1032d.png">
在Anchor-Center下面添加一个空的游戏对象，并命名为Cursor，reset一下。接着为其添加一个Sprite组件（Component->NGUI->UI->Sprite）,接着为其添加一个UICursor组件（Component->NGUI->Example->Cursor），这样NGUI才能够识别出将来的拖动图标是使用了哪个对象，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_5233c96e4393b97.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_5233c96e4393b97.png">
接下来创建装备提示窗口。在Anchor-Center下创建一个空的游戏对象，并命名为Tooltip，reset一下，接着在其下创建一个SliceSprite元件和一个Label元件，并修改这两个元件的Pivot为LeftTop如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_012ea1770ab3bea.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_012ea1770ab3bea.png">
接着为ToolTip对象添加一个Tooltip组件（Component->NGUI->UI->UITooltip），接着把刚才我们创建的Table和SlicedSprite赋值给该组件中的Text和Background，该组件可以帮助我们实现动态显示装备说明的功能
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_2a78e93d06cdb16.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_2a78e93d06cdb16.png">

点点滴滴 2013-10-15 12:58 发表评论

(搬运工)NGUI官网示例13 –Character角色装配与储物箱（二）

点点滴滴 — Tue, 15 Oct 2013 04:01:00 GMT

第二步 创建储物箱界面

1. 使用UI Tool创建一个Advanced 3D UI结构，Layer 为GUI（如果没有该GUI层，可以在Layer添加面板中添加），如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_8fcb283596c0e00.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_8fcb283596c0e00.png">
把Panel和Camera分离出来，接着删除UIRoot（3D）和Anchor对象，并把Camera调整成为Panel的子物体，最后把Panel改名为3DUI，Camera命名为3DUICamera，最后如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_1a640469cd08352.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_1a640469cd08352.png">
在3DUI下创建一个空的子物体，并命名为Scale，reset一下，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_72ee15483c2967f.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_72ee15483c2967f.png">
在Scale下创建一个空的游戏对象，并命名为Shoulders，reset一下。接着在其下创建一个Sliced sprite元件，并命名为Background，其Sprite为Flat Outline，并调整其大小和位置，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_049176cbe1fc667.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_049176cbe1fc667.png">
接着，同样在Shoulders下，创建一个Label，并命名为Caption，并为其输入Shoulder字样，并调整它的位置，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_d29635bf10252e9.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_d29635bf10252e9.png">
同样在Shoulders下，创建一个Sprite，sprite为Orc Armor-should，并命名为Icon，并调整它的位置，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_b96280a38300900.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_b96280a38300900.png">
使用同样的方法，创建另外两个图标，分别命名为：Boots，Bracers，并修改其Icon和Caption的图片和文字，最终效果如下
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_3977b1a8fa0a53c.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_3977b1a8fa0a53c.png">
选择Scale，在其下创建一个Button元件，并命名为Random Button，并设置其Label文本和背景颜色以及整个按钮大小位置，最终效果如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_6b5857e1b34bfeb.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_6b5857e1b34bfeb.png">
在Scale下创建一个空的游戏对象，并命名为Backpack。接着在其下，创建一个Label元件，并把文本设置成Backpack，最后调整Backpack的位置，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_a79a3f2cbeab097.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_a79a3f2cbeab097.png">

点点滴滴 2013-10-15 12:01 发表评论

(搬运工)NGUI官网示例13 –Character角色装配与储物箱（一）

点点滴滴 — Tue, 15 Oct 2013 03:58:00 GMT

物箱和角色装配装配在游戏当中可以实现人物外观的自定义，其用途非常广泛，例如魔兽当中的角色自设定，所以NGUI也提供了这样的功能，如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_22ac37204a282ce.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_22ac37204a282ce.png">

我们将分四步来制作该GUI。第一步，创建基本的游戏背景；第二步，创建储物箱界面；第三步，创建装备拖动图标和装备提示栏；第四步，实现装备的装配。

第一步，创建基本的游戏背景

创建一个空的游戏对象，并命名为Scene，同时reset一下。接着为其添加一个UIPanel组件（Component -> NGUI -> UI -> Panel）。这样，我们就可以在其地下添加各种NGUI元件了。如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_07a71d6c481e173.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_07a71d6c481e173.png">新建一个空的游戏对象，并命名为Pivot，reset一下，并成为Scene的子物体，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_e5034b0e9046d60.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_e5034b0e9046d60.png">在Pivot下创建一个摄像机，并为该摄像机添加一个UICamera（Component -> NGUI -> UI -> Camera），该组件主要控制该摄像机能够接受的输入方式，比如鼠标，键盘等等。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_2ac68236f741070.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_2ac68236f741070.png">选择Camera，打开Widget Tool对话框，在Camera下创建一个Simple Texture。创建完成之后，在Project窗口中把NGUI -> Materials -> Backrop材质付给其UITexture组件中的Material，并调整其大小和位置，这样背景就做好了，最后效果如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_51a93ab0c6c959b.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_51a93ab0c6c959b.png">在scene下创建一个空的游戏对象，并命名为Orc Pivot，reset一下。在Project中找到Orc 的Prefab（NGUI -> Model -> orc），把它拖到场景中，并成为Orc Pivot的子对象。添加完Orc 的Prefab之后，调整摄像机和角色之间的位置，最终效果如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_ebdba20a751bb35.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_ebdba20a751bb35.png">大家选择Orc对象，可以看到其组件中有EquipItem组件和InvEquipment组件，这两个组件分别用于装备的转配和卸装。如果要向某个对象装配对象时，需要这两个组件。这里这个Orc模型已经为我们添加了这两个组件。
接着再Pivot下创建一个Directional Light灯光，照亮场景，这样，我们的角色和背景就添加完成了，如图所示726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_7a4dc0158cd5c97.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_7a4dc0158cd5c97.png">

点点滴滴 2013-10-15 11:58 发表评论

(搬运工)NGUI官网示例12 –Chat Window（聊天对话框，中文输入和显示）

点点滴滴 — Tue, 15 Oct 2013 03:57:00 GMT

聊天对话框是网络游戏中经常会用到的GUI之一，它可以通过用户的键盘输入来获取输入信息并发送到其他的游戏客户端中。当然，聊天对话框的用途还有很多。在NGUI中，也为我们创建聊天对话框提供了方便，如图所示：

726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_39fcc316b04f8c4.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_39fcc316b04f8c4.png">
首先先床架一个窗口层次结构，这里不再赘述，请看前面的教程。在里面的Label中，我使用了中文的字体为3698Font包3698font.unitypackage，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_b933706596f5f74.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_b933706596f5f74.png">
为该窗口创建一个Input元件，该元件用于接收用户的输入，其参数如下
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_927544df860a904.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_927544df860a904.png">
创建一个TextList，用于显示用户输入信息之后显示信息。新建一个空的游戏对象，并命名为TextList，并成为Window的子物体，同时reset一下；一个TextList组件（Component-> NGUI->UI->Text List），并设置该组件中的Style属性设置成Chat，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_a985e7243929563.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_a985e7243929563.png">
为该TextList对象添加一个Label和一个SlicedSprite，注意SlicedSprite和Label之间的深度关系，Label的深度值应该比SlicedSprite大，如Label为2，那么SlicedSprite为2，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_418aa323b24d7c5.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_418aa323b24d7c5.png">
选择Input对象，为其添加一个Chat Input组件（Component->NGUI->Interal->chat Input），并把TextList对象赋值给TextList属性，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_e0e1277a6ee3001.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_e0e1277a6ee3001.png">
点击播放，ok！你在输入框中输入中文和英文都可以正常显示！如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_931096bfecd7626.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_931096bfecd7626.png">
如果你输入多行，你会发现，其TextList中的文字不会自动往上，现在选择TextList中的Label，然后把其他的Pivot设置成BottomLeft，这样便可以使得随着文字的显示的增加而不断往上升了。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_bfbe41e57666391.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_bfbe41e57666391.png">
选择Input对象，并把Fill with Dummy Data选项打开，点击播放，这个时候可以通过这个选项来控制是否显示测试文字，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_cade6479dc45d70.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_cade6479dc45d70.png">
可以看出文字都跑外面去了，选择TextList，在UITextList组件中，设置其MaxWidth和MaxHeight，这个可以设置其显示文本的最大高度和最大宽度。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_e3c6b79723c441e.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_e3c6b79723c441e.png">

点点滴滴 2013-10-15 11:57 发表评论

(搬运工)NGUI官网示例11 –Drag ; Drop（图标与物体拖拽放置）(二)

点点滴滴 — Tue, 15 Oct 2013 03:56:00 GMT

为ListPanel创建一个空的游戏对象，并命名为DragDropContainer，reset一下，并为它添加一个Collider（NGUI->Attach a collider），如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_8641421ac990bd3.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_8641421ac990bd3.png">
在DragDropContainer对象下创建一个空的游戏对象，并命名为Item0，并为其添加一个Collider（NGUI->Attach a collider），接着在Item0下创建一个Sprite和一个SlicedSprite，构成了一个图标，并调整它们的大小和位置，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_259cd48253f6560.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_259cd48253f6560.png">
选择Item0，使用Ctrl+D复制出三个来，并重新命名为Item1，Item2和Item3，位置没有关系，并把其中的两个Item中的sprite换个图片，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_b11b9b0bb1fd392.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_b11b9b0bb1fd392.png">
选择WindowPanel，来设置这个Panel的可见范围。把Clipping设置成SoftClip，参数如下
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_267d338270ee5c9.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_267d338270ee5c9.png">
选择DragDropContainer，为其添加一个Table组件（Component->NGUI->Interaction-> Table），该组件可以自动排列它的子物体，并调整它的位置，其参数和效果如下
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_15c60a3cbf197f9.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_15c60a3cbf197f9.png">
接下来，选择Item0，为其添加一个DragDropItem（Component->NGUI->Example->Drag atl+DropItem），这个组件可以跟已经保存好的Prefab连接起来，把NGUI中的对应的prefab拖到它的参数中，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_fed15ea820bdc07.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_fed15ea820bdc07.png">
1. 对其他的Item进行相似的操作，只是Prefab的参数不同而已。
现在，点击播放，拖动Item，结果没有任何效果。来解决这个问题，第一，选择UIRoot（2D）下的Camera，然后把UICamera组件中的EventReceiverMask中的参数设置成2DGUI，这样这个Camera中的消息就只接受这个Layer中的消息；如下图
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f958a89af389e20.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f958a89af389e20.png">

1. 第二，选择DragDropContainer，修改一下里面的BoxCollider中的Center和Size参数，使其覆盖所有的Item，如下图绿色框所示，
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_15c60a3cbf197f9.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_15c60a3cbf197f9.png">
接着，选择Item，会发现，其中的Collider中的Center中的Z值，其值与DragDropContainer中的z值相同，都为0.5，这样可能造成消息指发送给DragDropContainer而Item接收不到鼠标消息，所以，把所有Item中的Collider中的Z值往
外移动一些，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_1befa7b4b0b1411.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_1befa7b4b0b1411.png">
选择Cube，为其添加一个DragDropSurface组件。
现在点击播放，拖动其中的Item，会发现Item在Panel中消失了，然后拖到Cube上，哈，效果达到了。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_8624c0f94b6f7e6.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_8624c0f94b6f7e6.png">
现在在实现item拖动的效果。在UIRoot（2D）下创建一个空的游戏对象，并命名为Anchor-Center，为其添加一个Anchor（NGUI->Attach a anchor）,并reset一下，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_a736011f8f93c91.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_a736011f8f93c91.png">
选择Anchor-Center，在其下添加一个Panel（NGUI->Create a panel），并为其添加一个DragDropRoot（Component->NGUI->Example->Drap Drop Root）,请注意UI Root（2D）中的所有对象的Layer都是2DGUI，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_ac143aa700bb0fd.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_ac143aa700bb0fd.png">

点击播放，ok，成功！
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_8125929d634e05d.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_8125929d634e05d.png">

点点滴滴 2013-10-15 11:56 发表评论

(搬运工)NGUI官网示例11 –Drag ; Drop（图标与物体拖拽放置）(一)

点点滴滴 — Tue, 15 Oct 2013 03:55:00 GMT

NGUI官网示例11 –Drag ; Drop（图标与物体拖拽放置）
游戏中经常会用到储物箱等GUI，GUI的一边是物品的图标，另一边是一个角色，你可以拖动这些图标放置到角色上，为它装配装备。那么我们首先来实现较为简单的Drag;Drop功能。如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_2582fcc08df8dc7.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_2582fcc08df8dc7.png">

首先来制作三维的场景：
1. 使用Create a new UI对话框创建一个Advanced3D UI，如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_524ead846910f1c.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_524ead846910f1c.png">
把Panel拖出来，脱离Anchor父物体，然后改名为3D，接着把Camera作为子物体拖动到Panel下面，reset一下Camera对象，最后删除UI Root（3D）对象和Anchor对象，这里删除UIRoot是因为这个对象只是用于调整GUI大小的，
而我们这个层级只要显示一个立方体和一个背景而已，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_0dc483d3eec7092.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_0dc483d3eec7092.png">
选择Camera，使用WidgetTool对话框在Camera下创建一个SlicedSprite对象，调整其大小和位置，作为其背景，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_ca82aefe7803a01.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_ca82aefe7803a01.png">
创建一个空的游戏对象，并命名为stage，该对象用来使得其子物体能够自动旋转，把该游戏对象放置到3D对象下，成为其子物体，并reset一下，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_25eb6c2605bbcc7.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_25eb6c2605bbcc7.png">
在stage下创建一个Cube，并为该Cube赋予一个brick材质，在project窗中，打开NGUI-> Example->brick。并调整它的大小，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_ba881203e8c6141.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_ba881203e8c6141.png">
选择stage对象，调整它的位置，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_7b296509004070b.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_7b296509004070b.png">
再次选择stage对象，为它添加一个spin组件（Component->NUI->Example->spin），这个组件可以旋转自身，并设置其参数，点击播放，可以看到立方体旋转起来了。当然这里大家应该知道，子物体会继承父物体的所有变换
（平移、缩放和旋转）。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_2acf8b90b0993b2.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_2acf8b90b0993b2.png">
选择cube对象，为其添加一个SpinWithMouse组件（Component->NGUI->Example->Spin With Mouse）,该组件可以使得物体随着鼠标的拖动而转动，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_7a56e389e926905.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_7a56e389e926905.png">
在3D对象下创建一个Direction Light，这样就把场景照亮了，这样场景就漂亮多了，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_e581a69510840a9.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_e581a69510840a9.png">
接下来，我们来制作GUI部分。使用Create a new UI对话框，创建一个Simple 2D，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_2b6072331fdb6ba.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_2b6072331fdb6ba.png">把Anchor对象改名为Anchor Bottom，并设置其side参数为Bottom。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_975a69819adc7ed.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_975a69819adc7ed.png">
选择Panel，改名为Window Panel，使用WidgetTool创建一个SlicedSprite，设置参数，并把该元件改名为background，并调整它的大小和位置，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_0df76a8be98ab4c.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_0df76a8be98ab4c.png">现在看到视口中间还有一个正方形，这个东西是我们上面那个3D对象层级的背景，我们选择UIRoot（2D）对象包括其子对象，为其添加一个2DGUI layer（如何添加Layer和Layer的作用在unity文档中有描述，这里不再赘述）。选择UIRoot（2D）中的Camera，设置其Culling Mask为2DGUI，也就是说这个摄像机只显示这个Layer中的对象，其他Layer的对象不会在这个摄像机中显示。最后效果如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_3f51ab6135ff2a1.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_3f51ab6135ff2a1.png">
选择WindowPanel，为其添加一个新的Panel（NGUI->create a Panel），并重新命名为ListPanel，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_b3f5b25ec721400.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_b3f5b25ec721400.png">
为ListPanel创建一个空的游戏对象，并命名为DragDropContainer，reset一下，并为它添加一个Collider（NGUI->Attach a collider），如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_b3f5b25ec721400.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_b3f5b25ec721400.png">

点点滴滴 2013-10-15 11:55 发表评论

(搬运工)NGUI官网示例10 – Localization(本土化)讲解-中英文转换,包括NGUI 常用中文字3698

点点滴滴 — Tue, 15 Oct 2013 03:55:00 GMT

随着游戏国际化的发展，很多游戏都会在多个国家发行，那么其中有一个很重要的工作就是游戏的本土化，包括里面的文字，画面，情节等等都要符合该国的语言和文化以及法律等等。那么在NGUI中，我们的本土化最主要的就是语言的显示。那么，在该教程中，我将根据NGUI的官网教程，实现英文和中文的转换（我们要摒弃那个好像是德文的例子，呵呵，那个德国国旗暂时不改了，等说道制作altas再来了解）。
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_ff260f720b51d8c.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_ff260f720b51d8c.png">
首先先制作一个窗口背景，我这里只用简单的窗口来表示，不关注美术方面的问题，我表示这个界面做得有点丑了！在这里有两点要注意，在创建每一个组件的时候，其Font参数为3699Font字库（该字库点击下载3698font.unitypackage导进Unity中就好了），接着，每一个Label的z轴都要稍微向前平移一些，不然会消失。那个下拉菜单的Option设置成Language，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_b943f64390acf3b.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_b943f64390acf3b.png">

1. 接着创建两个txt文件，命名为English.txt和Chinese.txt。我们将从这两个txt文件中获取文字描述。我建议不要用monodevelop编辑器来操作，因为它支持中方字体实在太糟糕，我选用UltraEditor编辑器来做，有人说动用visualStudio，这样有点大材小用了。
English.txt文件内容如下:

Flag = Flag-US
Language = English
English = English
chinese = 中文
Info = Localization example
Sound
Music
Desc = English localization
Paragraph = This example shows how to implement localization using NGUI. In order to localize a widget, simply attach [000000]UILocalize[-] script to it. The script will localize the sprite if it's a [000000]UISprite[-], or the text if it's a [000000]UILabel[-]. If you want to localize something else, just implement the [000000]OnLocalize[-] function. Either way, the actual data is defined via text assets specified on the [000000]Localization[-] script which must be present in the scene.

Chinese.txt内容如下:
Flag = Flag-FR
Language = 中文
English = English
Chinese = 中文
Info = 本土化示例
Sound = 音效
Music = 音乐
Desc = 中文本土
Paragraph = 《老人与海》写的是老渔夫桑地亚哥在海上的捕鱼经历，描写老人制服大鱼后，在返航途中又同鲨鱼进行惊险的搏斗，然而作品中的形象却具有很强的象征意蕴。他用大马哈鱼象征人生的理想和人类作为生命本身所不可避免的所具有的欲望，用鲨鱼象征无法摆脱的悲剧命运，用大海象征变化无常的人类社会，而狮子则为勇武健壮，仇视邪恶，能创造奇迹的象征，桑地亚哥则是人类中的勇于与强大势力搏斗的“硬汉子”代表，他那捕鱼的不幸遭遇象征人类总是与厄运不断抗争却无论如何都无法试图去改变命运。

这两个txt文件先留着。创建一个空游戏对象，命名为Localization，并为其添加一个Localization组件（Component->NGUI->Internal->Localization）。打开该组件，把Starting Language设置成English，Languages中的size设置成2，把english.txt赋值给Element0，把chinese.txt赋值给Element1。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_9711be9b684b623.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_9711be9b684b623.png">
为每个Label（除了PopupList中的Label）添加一个Localize组件（Component->NGUI->UI-> Localize），打开该组件，可以看到该组件下面有一个参数为Key，这个参数就是用来设置关键字的，也就是在txt中“=”号前面的名称。我们把这些label一一中的Key设置成我们需要的关键字（Voice和Music的Label只要添加这个组件，不用为它的Key赋值），例如如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_d9a8185bedb0a86.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_d9a8185bedb0a86.png">
选择PopList，为其添加一个LanguageSelection组件（Component->NGUI->Interaction-> Select Language）。现在点击播放试试，可以看到，已经可以在两个字体之间转换了
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_d6d391bca5b2c10.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_d6d391bca5b2c10.png">
现在只剩下国旗没换了，选择国旗的Sprite，也为其添加一个Localize组件，设置其key为Flag。这些key都和txt文件中的key一一对应的。点击播放，ok，成功。
现在剩下最后一个问题，当你选择那个下拉菜单时，文字会消失掉，通过观察发现，下拉菜单在点击之后会新建一个名为Drop-down List的新游戏对象，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_52b9cff78faf7bb.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_52b9cff78faf7bb.png">
选择里面的label，会发现，那些label的z轴都在0的数值上，我们前面已经提到，如果要显示中文字体，需要把这些label的位置往外拉出一些，在该例子中将成为负值。我本来想修改下它的源代码，后来发现，只要把窗口的背景往后挪一些就ok了，好，那么我们把这个窗口的背景往后挪1个单位，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_87b064d31dc385f.png');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_87b064d31dc385f.png">

Ok，问题解决！
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_21441ceeb54f0d6.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_21441ceeb54f0d6.png">
还有，我看下拉菜单里面那个chinese太碍眼了，如果那些对英文一窍不通的人，都不知道chinese到底是什么东西，所以，我索性把chinese.txt文件名改成”中文.txt”(没双引号的,不要忘了把改完名的txt文件重新复制给Localization中的element1)。哈哈，居然这样也可以，最后效果如下
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_05e667b28b9305e.png');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_05e667b28b9305e.png">

点点滴滴 2013-10-15 11:55 发表评论

(搬运工)NGUI官网示例9 – QuestLog(可展开元件)

点点滴滴 — Tue, 15 Oct 2013 03:53:00 GMT

这个示例展示的是可伸缩的界面，点击没一个Quest，可以把里面的内容展开。如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_14b1d7175bf7b43.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_14b1d7175bf7b43.png">
首先先制作出基本的界面，这里就不再赘述（可以参考我上面的系列教程），在这里提一下，在制作背景时，可以使用Create a Widget创建出一个SimpleTexture，贴上合适的材质之后，不要缩放和移动它，为它添加一个Stretch组件（Component->NGUI->UI -> Stretch），该组件可以根据窗口的大小自动调整尺寸。注意该层级结构，最终效果如图所示726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_11b924f18302b5b.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_11b924f18302b5b.png">
接下来就是这个示例的重头戏了。选择Quest Log，并为其创建一个新的Panel（NGUI->Create a panel），并命名为SubPanel，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_6677a74e62f2a85.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_6677a74e62f2a85.png">
选择SubPanel，创建一个空的游戏对象，作为它的子物体，并命名为Table。该对象将来用于排列它的所有子对象的位置，现在暂时不管。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_988a352a06b1d93.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_988a352a06b1d93.png">
选择Table对象，创建一个空的游戏对象，作为它的子物体，并命名为Quest1，reset一下。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_7acbfa13b018203.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_7acbfa13b018203.png">
选择Quest1，为其添加一个Lable和一个SlicedSprite，最终效果如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_c2ae41de2a188d1.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_c2ae41de2a188d1.png">
选择Quest1，创建一个空的游戏对象，并命名为Tween，成为它的子对象，reset一下，并在Tween下创建一个Label，并输入文字描述，最终效果如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_45e86e4952c77c5.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_45e86e4952c77c5.png">
首先先把Tween对象的Enable关掉，再使用同样的方式再制作出三个这样的Quest出来，我这里偷懒，直接使用Ctrl+D复制出2个来，并命名为Quest2和Quest3。不用去管它的位置，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f03d246fa871c81.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_f03d246fa871c81.png">
选择Table对象，为其添加一个Table组件（Component->NGUI->Interaction->Table），并设置Colomn参数为1，Direction为Down，Padding的Y为4，Sorted、Hide Inactive和Keep Within Panel勾选上，点击播放之后，其子物体就会自动地排列了，神奇！（大家从英文上应该能看出这些参数的意思吧，这里不赘述了）。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_76b236214a4ff11.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_76b236214a4ff11.png">
接下来实现点击这些Quest时，会自动展开其下面的说明。选择Quest1下面的Tween对象，为其添加一个TweenScale组件（Component->NGUI->Tween->Scale），并设置其参数如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_070f4544d557f55.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_070f4544d557f55.png">
选择Quest1下面的SlicedSprite，为其添加一个Trigger组件（NGUI->Attach a collider）用来接收输入事件，接着为其添加一个Button Tween组件（Component-> NGUI->Interaction->Button Tween）这个组件很熟悉吧，对其他的几个Quest进行类似的操作，点击播放，鼠标放在Quest上点击，ok，实现了！其参数如下
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_4e39a0bc6f95d4b.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_4e39a0bc6f95d4b.png">
如果你三个Quest同时展开，会发现，此时内容都漏出来了，呵呵，霸气外漏！我们来解决这个问题。选择SubPanel，设置其Panel组件中的Clipping为SoftClip，并设置它的size中x为420，Y为290，softness为X为1，Y为8，然后点击再播放，哈，内容在这个设置的范围内了。如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_7413b401839f3cd.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_7413b401839f3cd.png">
问题又来了，我想看下面的内容呢。那么我们可以给他添加一个ScrollBar滚动条。在Quest Log下创建一个垂直ScrollBar元件，我们现在想当内容超出panel时scollBar才显示出来，我们设置其Alpha为0，最后参数如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_bbda7a5203e9d77.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_bbda7a5203e9d77.png">
现在来连接SubPanel和ScrollBar。选择SubPanel，为其添加一个DraggablePanel组件（Component-> NGUI->Interaction->DraggablePanel）。然后把ScrollBar对象赋值给VerticalScrollBar，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_c59082e914cd8bb.png');" border=0 alt=请输入描述 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_c59082e914cd8bb.png">

点点滴滴 2013-10-15 11:53 发表评论

(搬运工)NGUI官网示例8 – Scroll View(Camera)

点点滴滴 — Tue, 15 Oct 2013 03:52:00 GMT

在上一个示例中的ScrollView使用到了Shader的处理，而对于一些低端的机器或者移动设备可能会出现显示不正常的结果，所以，NGUI还为我们准备了另外一个处理方式，也就是通过摄像机的移动来达到同样的目的。接下来，这个示例就是告诉大家如何实现这个功能。
首先先制作一个普通的GUI界面，这些界面在上面的教程中已经说过，这里就不再赘述，其最终效果如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_159845d4187568b.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_159845d4187568b.jpg">
现在来制作那些可以滚动的Item结构。使用Create a new UI创建一个NGUI基本结构，并调整它们的层次关系，并把UIRoot下的Panel组件删除掉，最终如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_28d652f67e1fcbb.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_28d652f67e1fcbb.jpg">
新建一个新的空游戏对象，并命名为Offset，并放置在anchor成为它的子物体，并reset一下，同时给它添加一个Panel组件（Component->NGUI->Interation-> Panel）,这样，该对象才能放置NGUI元件。如图所示:
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f4787b15798df00.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f4787b15798df00.jpg">
同NGUI官网示例7-- ScrollView讲解(一) （http://game.ceeger.com/forum/read.php?tid=4269）
一样，创建1个Item元件，然后用Ctrl+D的方法复制出9个来，当然你也可以复制你需要的数量，现在这些Item都是重叠在一起的，最终效果如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f317fae2439ed1e.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f317fae2439ed1e.jpg">
选择Offset，为其添加一个Table组件（Component->NGUI->Interaction -> Table）。哈，神奇的效果在此出现，只是上一个教程使用Grid组件，这次使用的是Table，这个Table和Grid的不同，可以查下官网的说明。这里不赘述。如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_84cf4d06cdb4085.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_84cf4d06cdb4085.jpg">
选择第一次创建的GUI结构，选择Window下的TiledSprite，如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_ea078294801eab5.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_ea078294801eab5.jpg">
在下面创建两个空的游戏对象，并分别命名为BottomRight和TopLeft，这两个空对象用来标记滚动Item的边界，并在场景编辑窗口中放置在对应的位置，最后为该TiledSprite添加一个UIDragCamera组件（Component->NGUI->Interation -> DragCamera）如图所示:
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f974b0b64aa2d33.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f974b0b64aa2d33.jpg">
选择第二个Camera，为其添加一个ViewCamera组件（Component->NGUI->UI-> ViewCamera）,并把第一个摄像机赋值给SourceCamera，把TopLeft对象赋值给Top Left，把BottomRight赋值给Bottom Right，然后选择Offset，调整该对象的位置，如图所示：
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_1fdec39911b17fd.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_1fdec39911b17fd.jpg">
为该摄像机添加一个DraggableCamera组件（Component->NGUI->Interaction-> DraggableCamera）,并为其设置参数，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_5ac485374c285da.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_5ac485374c285da.jpg">
再次选择刚才添加了两个空对象的择Window下的TiledSprite，把第二个Camera赋值给该元件中的DragCamera组件中的DraggableCamera，其结果如下
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_961a707115b6415.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_961a707115b6415.jpg">
接着同样选择该TiledSprite，为其添加一个Collider，这样，才能接受输入信息（NGUI-> Attach a Collider）。哈哈。真好Happy，看结果，结果一个点击播放，成这样了？！虽然能够接受到输入信息，但是，死活拖不动
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_91796b2eda9941c.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_91796b2eda9941c.jpg">
原来，在第二个GUI结构中的Anchor对象中，原来默认组件UIAnchor中的参数UICamera是第二个摄像机，我们现在把它改成第一个摄像机，再点击播放，Well Done！成功了！
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_300ef23d0593678.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_300ef23d0593678.jpg">
接着给每个Item添加一个DragCamera组件（Component->NGUI-> Interaction -> DragCamera）和一个Trigger（Ngui->Attach a Collider）。再为其添加一个ButtonScale组件和一个buttonSound组件（都在Component->NGUI->Interaction中）
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_e9f746b770df7e7.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_e9f746b770df7e7.jpg">
最后来实现那个Press me按钮。首先，选择Window对象，为其添加一个TweenPosisiton组件（Component->Tween->Position），并关闭它（我们将用按钮来开启它），并设置它的参数，如图所示
726 || this.offsetHeight>700){if(this.offsetWidth/726 > this.offsetHeight/700){this.width=726;}else{this.height=700;}}" class=J_post_img title=点击查看原图 onclick="if(this.parentNode.tagName!='A') window.open('http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f3e2254280fe5b2.jpg');" border=0 src="http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f3e2254280fe5b2.jpg">

点点滴滴 2013-10-15 11:52 发表评论

1	Mesh temp = Mesh.Instantiate(smr.sharedMesh) as Mesh;
2
3	myMesh.sharedMesh = temp;

C++博客-点点滴滴-随笔分类-02 编程语言

(地基工)NodeJs 双感叹号用法

(搬运工)推荐！国外程序员整理的 C++ 资源大全

(搬运工)数学库：UMFPACK

(地基工)人脸标定框架（目前史上最牛的，比Face++还强大）

(搬运工)【OpenCV入门教程之一】 安装OpenCV：OpenCV 3.0、OpenCV 2.4.8、OpenCV 2.4.9 +VS 开发环境配置

(搬运工)在Visual Studio上开发Node.js程序

(搬运工)Android APK反编译详解（附图）

(搬运工)Pomelo官方demo Chatofpomelo简析之二——聊天

(搬运工)Pomelo官方demo ChatofPomelo简析之一——用户登录

(搬运工)使用 WebStorm IDE 调试 Pomelo 应用程序

(搬运工)Unity3D 游戏引擎之游戏场景的切换与持久化简单数据的储存

(搬运工)场景管理插件Scene Manager

(搬运工)Unity3D中GameObject 详细介绍

(搬运工)unity3d协作过程中svn的应用

(搬运工)unity3D的FingerGestures插件

(搬运工)Unity3D引擎崩溃、异常、警告、BUG与提示总结及解决方法

(搬运工)NGUI中深度depth和z轴关系的小试验

(搬运工)Unity开发之NGUI系列

(搬运工)Unity3D开发（一）：NGUI之UIRoot屏幕分辨率自适应

1.Scaling Style (缩放类型)

2.Manual Height和Minimum Height, Maximum Height (手动高度和最小高度，最大高度)

3.使用

（1）PexelPerfect和Minimum Height, Maximum Height

（2）FixedSize和Manul Height

（3）交集

4.这也许并不够

5.问题又来了

6.解决方案

(搬运工)【Unity3D插件】NGUI屏幕自适应

屏幕自适应

主要组件

自适应流程

(搬运工)NGUI官网示例13 –Character角色装配与储物箱（四）

(搬运工)NGUI官网示例13 –Character角色装配与储物箱（三）

(搬运工)NGUI官网示例13 –Character角色装配与储物箱（二）

(搬运工)NGUI官网示例13 –Character角色装配与储物箱（一）

(搬运工)NGUI官网示例12 –Chat Window（聊天对话框，中文输入和显示）

(搬运工)NGUI官网示例11 –Drag ; Drop（图标与物体拖拽放置）(二)

(搬运工)NGUI官网示例11 –Drag ; Drop（图标与物体拖拽放置）(一)

(搬运工)NGUI官网示例10 – Localization(本土化)讲解-中英文转换,包括NGUI 常用中文字3698

(搬运工)NGUI官网示例9 – QuestLog(可展开元件)

(搬运工)NGUI官网示例8 – Scroll View(Camera)

(搬运工)【OpenCV入门教程之一】安装OpenCV：OpenCV 3.0、OpenCV 2.4.8、OpenCV 2.4.9 +VS 开发环境配置