我公司叫慧港科技LOGO怎么设计好看_百度知道
我公司叫慧港科技LOGO怎么设计好看
光一个好看涉及的面太大了，不是一两句能说的清楚的这个要么找设计工作室给你们设计，或者自己想一些自己独有的点子和创意
其他类似问题
为您推荐：
logo的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁浏览1379次
本系列文章由Aimar_Johnny编写，欢迎转载，转载请标明出处，谢谢。http://blog.csdn.net/lzhq1982/article/details/对C#还不是很熟，在学习的过程中了解到C#有种代理和事件的机制很方便，之前用cocos2d的时候也用过代理，虽然此代理非彼代理，但他们的作用有相似之处，都是触发者只是告知事件，并不调用相关类和方法实现，而是由代理方法实现，可能有些难懂，下面我用之前的demo中英雄施放技能这里做个试验。本篇涉及三个知识点，一个是最重要的代理，一个是NGUI的按钮，一个是施放技能特效。1、NGUI制作技能按钮关于NGUI我前面的文章说了好多，重复的部分我就不介绍了。我打算把技能按钮放在NGUI界面布局的右下角锚点处，先在右下角锚点处加个Panel，我起名SkillPanel，在该Panel下我建立一个按钮，选NGUI-&Open the Widget Wizard，Atlas选你将图片打包的那个文件，没有的话先建立一个，不知道怎么建的看前面的文章。Template里选Button，然后会出现Background，是按钮图片，从Atlas中选一个，我的设置如下：选择Add To后SkillPanel下新增一个按钮，我起名ZhongJiButton，布局如下：调整位置，我的按钮截屏如下（右下角那个）：2、利用C#的代理和事件施放技能。要施放技能，肯定要点击按钮，NGUI为按钮提供了OnClick接口。我们先创建一个脚本，我命名CastSkill，然后拖到ZhongJiButton上，CastSkill里只要实现OnClick接口就好了。一般我们会怎么实现点击施放呢，最传统的做法就是获得英雄的对象，然后利用该对象向她传递施放技能的消息，比如代码如下：[csharp]&void&OnClick()&{&&&&&&GameObject&hero&=&GameObject.Find(&Blade_Girl_Prefab&);&&&&&&if&(hero)&&&&&&&&&&hero.SendMessage(&CastSkill&,&1);&&}&&像上面我通知hero的CastSkill接口，传递的参数1是SkillID，很简单，这就实现了，但你有没有想过，这又陷入了脚本之间耦合性的增加，看过我前面这篇文章应该明白脚本之间大量的互相访问不是件好事。那我们就看看代理能不能帮我们解决办法。想了解什么是代理和怎么用代理的可以看这篇文章，写的挺全的：，重点看里面的一和三，我就偷个懒，只说明我这里是怎么实现的。现在我用代理重新改一下上面的脚本：[csharp]&public&class&CastSkill&:&MonoBehaviour&{&&&&&&public&delegate&void&EventHandler(int&nSkillId);&&&&&&public&event&EventHandler&OnCastS&&&&&&&&&&&&void&OnClick()&{&&&&&&&&&&if&(OnCastSkill&!=&null)&&&&&&&&&&&&&&OnCastSkill(1);&&&&&&}&&}&&可以看出上面先创建了一个代理EventHandler，传递一个参数nSkillId，然后创建该代理的一个事件OnCaskSkill，在OnClick里触发这个事件OnCastSkill(1)，“1”是代理传递的那个参数nSkillId。你会发现这里根本没有Hero的事，那Hero怎么接收消息呢。下面我们看看Hero相关的代码。[csharp]&CastSkill&onCastSkill&=&skillBtn.GetComponent&CastSkill&();&&onCastSkill.OnCastSkill&+=&CastS&&[csharp]&void&CastSkill(int&nSkillId)&&{&&&&&&if&(curState&==&en_state.en_state_idel&||&curState&==&en_state.en_state_attack)&{&&&&&&&&&&if&(nSkillId&==&1)&{&&&&&&&&&&&&&&lastState&=&curS&&&&&&&&&&&&&&curState&=&en_state.en_state_&&&&&&&&&&}&&&&&&}&&}&&在Hero里，我先是获得按钮的那个脚本CaskSkill对象，重点是下面那句，我为OnCastSkill这个事件挂接了实现的方法CastSkill，然后你就可以在CastSkill里实现释放技能了。所谓代理，就是触发者根本就不用关心到底是谁接收了，而接受者只要调用该代理事件，并挂接个实现方法就OK了，这样只要触发者一触发，凡是挂接过该事件的方法都会响应，这就是代理。不知道您明白了吗。3、施放技能如上面代码，我给英雄置了当前状态为技能状态，她会在Update的状态机里处理，调用playEffect函数。[csharp]&void&playEffect()&&{&&&&&&if&(!animation.IsPlaying(&ComboAttack&))&&&&&&&&&&gameObject.animation.CrossFade(&ComboAttack&);&&&&&&&&AnimationState&state&=&animation[&ComboAttack&];&&&&&&if&(state.time&&=&state.length-0.5f&&&&!isCastSkill)&{&&&&&&&&&&&&&&&&&&&&&Vector3&pos&=&transform.position&+&transform.TransformDirection(Vector3.forward*3);&&&&&&&&&&Instantiate(effect,&pos,&transform.rotation);&&&&&&&&&&isCastSkill&=&true;&&&&&&}&&&&&&&&&&&&&&&&if&(isCastSkill&&&&state.time&&=&state.length-0.1f)&{&&&&&&&&&&isCastSkill&=&false;&&&&&&&&&&curState&=&lastS&&&&&&}&&}&&上面代码大致意思是先播放动作，当动作播放到一半的时候播放特效，我这里特效是个prefab，特效只播放一次，所以isCastSkill是用来控制播放次数的，因为特效要播放在角色身前，所以上面获取pos那句代码是根据角色的位置加上其朝向前方3个单位的距离获得的。最后上个图吧。
本系列文章由Aimar_Johnny编写，欢迎转载，转载请标明出处，谢谢。http://blog.csdn.net/lzhq1982/article/details/前一篇文章介绍了协同异步加载游戏场景，但前台没干活，浪费了。有的游戏在loading的时候会把一些游戏的Tips（小提示）介绍给玩家，我这里说一下是怎么实现的。说到小提示，其实是后台有个配置文件，里面有很多提示语句，程序以一定的时间间隔随机读取一条，显示在界面上，很简单。这里说到配置文件，花样就多了，以前做cocos2d-x游戏时，用的最多的是plist文件和csv文件，unity用的都是xml和exel文件，那我能用unity也读取plist文件和csv文件文件吗，当然可以，本篇我先说读取plist文件。其实读取plist文件很简单，因为plist文件就是xml文件，所以只要把文件扩展名改一下就可以了，把.plist改成.xml，然后按读取xml的方式读它就行了，哈哈，不要喷我。所以我重点介绍一下读取xml的方法。先看一下我的plist文件内容：[html]&&?xml&version=&1.0&&encoding=&UTF-8&?&&&&!DOCTYPE&plist&PUBLIC&&-//Apple//DTD&PLIST&1.0//EN&&&/DTDs/PropertyList-1.0.dtd&&&&&plist&version=&1.0&&&&&dict&&&&&&&&key&tips&/key&&&&&&&&array&&&&&&&&&&&&string&重新挑战已经通过的关卡，也可以获得金币&/string&&&&&&&&&&&&string&某一关卡无法通过？您缺少的仅仅是英雄和士兵的等级罢了！&/string&&&&&&&&&&&&string&优先升级城堡等级、兵力恢复速度，会带来意想不到效果&/string&&&&&&&&&&&&string&选择合适的时机使用英雄技能或城防道具，可以提高获胜几率&/string&&&&&&&&&&&&string&尽可能一次性出多个士兵，能够最大化提高您的军团战斗力&/string&&&&&&&&&&&&string&合适的时机使用英雄技能或城防道具，可以提高您的获胜几率&/string&&&&&&&&&&&&string&获得成就可以获得大量钻石，当您缺少钻石时不妨看看成就列表&/string&&&&&&&&&&&&string&每个兵种的特殊各不相同，不仅仅是高级兵种才有展示的空间&/string&&&&&&&&&&&&string&当连续闯关失败时，换一个战术或出兵的方式就能有所转机&/string&&&&&&&&&&&&string&让士兵与敌人的等级保持一致是一个不错的主意&/string&&&&&&&&&&&&string&获得成就可以获得大量钻石，缺少钻石的时候不妨看看成就列表&/string&&&&&&&&&&&&string&战斗中想查看地图上的状态，只需要左右滑动屏幕就行啦&/string&&&&&&&&/array&&&&/dict&&&&/plist&&&这是“时空领地”的Loading界面用到的tips，当时用plist做的，用xml文件打开，其实就是个xml，这就好办了，unity已经有成型的读取xml的接口了。先上一下代码吧。[csharp]&void&loadXml()&&&&&&{&&&&&&&&&&string&filePath&=&Application.dataPath&+&@&/Resource/settings/tips.xml&;&&&&&&&&&&if&(File.Exists&(filePath))&{&&&&&&&&&&&&&&XmlDocument&xmlDoc&=&new&XmlDocument();&&&&&&&&&&&&&&xmlDoc.Load(filePath);&&&&&&&&&&&&&&XmlNodeList&node&=&xmlDoc.SelectSingleNode(&plist&).ChildN&&&&&&&&&&&&&&foreach(XmlElement&nodeList&in&node)&{&&&&&&&&&&&&&&&&&&foreach(XmlElement&xe&in&nodeList)&{&&&&&&&&&&&&&&&&&&&&&&if&(xe.Name&==&&array&)&{&&&&&&&&&&&&&&&&&&&&&&&&&&int&i&=&0;&&&&&&&&&&&&&&&&&&&&&&&&&&_tips&=&new&string[xe.ChildNodes.Count];&&&&&&&&&&&&&&&&&&&&&&&&&&foreach(XmlElement&xe1&in&xe.ChildNodes)&{&&//&&&&&&&&&&&&&&&&&&&&&&&&&&Debug.Log(xe1.InnerText);&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&_tips[i]&=&xe1.InnerT&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&i++;&&&&&&&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&&&&&&&&&&&break;&&&&&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&}&&&&&&&&&&}&&&&&&}&&结合上面的配置文件，你会很容易明白怎么用的。Application.dataPath是Assets文件夹目录，先判断文件是否存在，如果存在，创建一个XmlDocument，load加载文件，根节点是&plist&，先循环遍历&plist&的子节点们，这里只有&dict&，然后再循环遍历&dict&的子节点们，这里有两个，一个是&key&，一个是&array&，所以判断Name是否array，是的话创建一个字符串数组，拥有array这么多元素的数组，然后从array里逐一读取出来存到数组里。以后我们就可以在该数组里随机查找了。这段代码在start里调用，只读取一次。记住，不要试图总是查询外部文件，那样效率会很低下的，提前cache起来是不错的选择。读取完了，我要在loading节目加载了，我用的依然是NGUI，在bottom那里布局个label，不清楚怎么布局的看我这篇文章：，这里截图如下：其中Label要用中文字体，不清楚怎么创建中文字体的看我这篇文章：。最后程序控制一定间隔读取上面cache的字符串。[csharp]&private&string&[]&_&&public&UILabel&_tipsL&&private&float&_lastTime&=&0.0f;&&private&const&int&WAIT_TIME&=&2;&&&&&&&&&&&&void&Start&()&{&&&&&&loadXml();&&&&&&if&(_tips&!=&null&&&&_tips.Length&&&0)&{&&&&&&&&&&int&idx&=&Random.Range(0,&_tips.Length-1);&&&&&&&&&&_tipsLabel.text&=&_tips[idx];&&&&&&}&&&&&&StartCoroutine(loadScene());&&}&&&&&&&&//&Update&is&called&once&per&frame&&void&Update&()&{&&&&&&if&(_tips&==&null&||&_tips.Length&&=&0)&&&&&&&&&&return;&&&&&&&&&&&&&&&&if&(Time.time&-&_lastTime&&=&WAIT_TIME)&{&&&&&&&&&&_lastTime&=&Time.&&&&&&&&&&int&idx&=&Random.Range(0,&_tips.Length-1);&&&&&&&&&&_tipsLabel.text&=&_tips[idx];&&&&&&}&&}&&这样2秒钟界面显示一下tips，我们的loading界面的协同异步终于有意义了。最后上个图吧。
本系列文章由Aimar_Johnny编写，欢迎转载，转载请标明出处，谢谢。http://blog.csdn.net/lzhq1982/article/details/通过前面十三篇文章的介绍，我的游戏场景基本搭建完成了，我们在玩任何一款手游产品时，都是先上来个logo界面，游戏欢迎界面等，这就意味着我们要做一款游戏需要多个场景，场景之间来回切换实现游戏逻辑，unity也不例外，所以从本篇开始将会介绍如何搭建多个场景，本篇先看游戏logo场景的制作，先上图：再次用时空领地的logo了，这里的时空领地的logo是个动画，全部是用NGUI实现的，重点是做这个界面没用一句代码，除了点击切换场景。之前那个游戏场景，我起名GameScene，然后我新建一个场景File-&New Scene，起名BeginMenuScene。下面开始制作。1、先用NGUI新建一个Atlas，把场景中用到的图片都加到Atlas里，不知道怎么建Atlas的看前面的文章。2、用NGUI建一个UI Root，然后在Panel下新建一个Panel和Texture，因为上图右上角的游戏logo是由背板，文字动画，箭头动画三个部分组成的，所以我把它们统一放到这个Panel里，背景图片放到Texture里，其实背景图片也可以是个Sprite，由你喜好。结构图如下：3、把背景图片拖到Texture的UITexture里，这样背景就有了，别忘了把尺寸改成图片大小。4、把logo的Panel移到合适位置，里面的那个背板不说了，就是个sprite，放到合适位置就可以了，重点说Sprite动画，先看一下atlas图片：上图中包含一个logo背板，11帧文字动画，14帧箭头动画，以文字动画为例，NGUI怎么不用一句代码加载动画呢，我们要用到Sprite Animation，选Component-&NGUI-&UI-&Sprite Animation，这样我的Sprite(LogoText)就增加了UISprite Animation组件，是个脚本，你可以看看里面的代码。我的设置如下：Framerate是帧速率，最大60，越大播放越快，Name Prefix是图片名的前缀，这个很有用，比如我的atlas里有很多不同种类的图片，像上面，有背板图片，文字图片，箭头图片，那我这里的动画只想用文字的11张图片，怎么办呢，Name Prefix起作用了，它能够对文件名过滤，比如我的文字的图片都是以menu_title_为前缀的，menu_title_01，menu_title_02，...，menu_title_11，这样它就只会用到这11张图片了，并且会根据后面的数字排序播放，有一点要注意，后面的数字如果像01，02等有0在前面，那超过9的话要把0取消，直接10，11等，而不能010，011，这样顺序会错。Loop表示是否循环播放。就这么简单就能实现简单的动画循环播放了，如果想程序控制，那就看源代码怎么用吧。箭头动画也是如此，我就不介绍了。5、NGUI屏幕自适应不要以为这样就完了，如果你的图片是960*640的，或是其他的分辨率，而你的屏幕不是，在手机各种屏幕尺寸的今天，做不同分辨率的图片是多么痛苦的一件事，就像上面，运行一下程序，总是有难看的黑边，除非我把屏幕也拉成960*640的，不要怕，NGUI早就为我们处理了，只要加个Stretch就好了，点选Anchor下的那个Panel，我要把Stretch给它，因为它是整个界面的Panel，选择Component-&NGUI-&UI-&Stretch，你就会发现你的Inspector面板上新增了一个UIStretch脚本，下面就是调参数，网上搜的NGUI屏幕自适应教程大部分都是转的，调一堆参数，也有人经过试验发现了个捷径，我这里只说捷径，Style那里选Both，表示长宽都拉伸，Relative Size那里X=1/960，Y=1/640，这样就可以了，960和640是图片的宽高，根据你的尺寸可改，截个图：本篇重点介绍了NGUI的Animation Sprite制作sprite动画和如何屏幕自适应，但这里并没有交互，下一篇文章介绍如何异步加载游戏场景。
浏览2613次
本系列文章由Aimar_Johnny编写，欢迎转载，转载请标明出处，谢谢。http://blog.csdn.net/lzhq1982/article/details/在做这个demo的过程中，制作小地图着实刁难了我一把，百度了很多文章，花了好长的时间，需要的知识点实在太多了，尤其是shader语言，好在最后成功把它啃下来了，先声明一下，本篇文章将会是这个系列中最难的，不过如果成功做出来成就感也是大大的，其实按照我的步骤一步一步来也没那么复杂啦，接下来我把这个过程分享给大家，下面上一张截图：看右上角，那个就是小地图，也许有点不太好看，没办法，谁让我不是美术啊，需要的图素都是自己用Photoshop做的，记得有人说过，不会美术的程序不是好策划，所以自己来吧。先说一下原理，我们做小地图用的技术就是遮罩，玩过flash的对这个词应该不新鲜，何为遮罩呢，通俗一下讲，你有两张纸，一张纸上画了漂亮的山川河流，另一张纸就是张白纸，中间挖个圆洞，然后你把白纸盖在那张画满山川河流的纸上，只有中间圆洞的地方你能看到，其他地方都被盖住了，保持白纸不动，移动后面的画纸，你会看到连续的不同的地貌，我们的小地图原理就是这样的，时刻保持角色在中间，动的只是后面的背景罢了。只是这里需要多处理一下，就是除了那个圆洞，其他的部分我们要透明掉。相信这么解释应该没有不懂的了吧。如果还不清楚那要么是我的表达能力有问题，要么你的智商。。。咳咳，言归正传，按照上面的理论，我们都该准备些什么呢。最起码的得有一张完整的地图吧，得有个圆形的遮罩吧，再漂亮点圆形遮罩需要个圆框，地图上得有个小标志显示玩家的位置和方向。地图好搞，在unity中调到场景的顶视图，然后截个图就好了，缩放一下比例，我的地图是512*512的，取名map，如下图：丑是丑了点，谁让我的地形简单呢，再一次声明，我是个程序。遮罩就需要你自己画个了，要保证它和背景图一样大，我这里也是512*512的，中间是个白色的圆，其他地方alpha是透明的。如图：我这里并没有截全部512的图，不要以为只这么小啊，除了白圆，其他地方都是透明的，其实什么颜色的无所谓，只要是圆的就行。然后做个圆框，也是512的，圆框和白圆大小一致，中间和其他地方都是透明的。最后是角色的那个小标记资源就这些，准备好就可以开干了。关于NGUI我这里就不解释了，看过我前面文章的童鞋应该知道怎么用了，我们要把小地图放在右上角的锚点上，不是简单的放几个sprite的事情，那我们需要做些什么呢。来，我们倒着说，先看结果，我希望我的右上角先有个Panel，然后Panel下有个Textrue，而我的小地图就是绘制在这个Texture上；那小地图是以什么方式绘制到这个Texture上的呢，当然是靠material（材质），而且是一个能实现遮罩，透明，动态渲染的材质。那只能靠材质中的shader了；先不说遮罩和透明，先说动态渲染，我们以前用到的材质都是静态的，而现在我们要用到的是地图可以移动的动态材质，所以要用动态渲染，要说动态渲染，那最先想到的就是Render Texture，要说什么是Render Texture，看这里好了：。由果推因，我们就知道都该做些什么了，一个一个攻克吧，现在我们由因及果。1、绘制渲染纹理（Render Texture）a、先在MainCamera下创建一个UI，选择NGUI-&Open the UI Wizard，保持设置，点Create Your UI，然后Anchor下的Panel改名为MiniMapRenderPanel。b、创建一个Atlas，不知道什么是Atlas的可以看我前面的文章，选NGUI-&Open the Atlas Maker，新弹出的界面上修改你的atlas名称，点击那个完整的地图，就是我上面的那个map，然后点Create。c、在MiniMapRenderPanel下建一个sprite，NGUI-&Open the Widget Wizard，Atlas选刚建的那个Atlas，Template选sprite，Sprite选map，其他默认。最后建完了是这个结构。d、在资源里新建个Render Texture，Assets-&Create-&Render Texture，起名MiniMapRenderTexture。e、设置camera，那个NGUI的camera设置如下：Clear Flags设为Solid Color，Background设为黑色，这样当你走到地图的边缘时，没有地图的地方会绘制成黑色。Projection设为平行投影Orthographic，不了解平行投影和透视投影的话需要补一下3d基础了。Target Texture那里把之前做的那个Render Texture拖上去。这样摄像机投影的地方就会绘制在这个Render Texture上，也就是地图会绘制在它上面了，然后我们就可以做material了。f、有一点差点忘了，Anchor那里的Side一定要选择TopLeft，地图的原点是从左下角开始的。2、制作材质（material）这是本篇的难点，要用到shader语言，如果没有3d基础的可能理解起来有点费劲，不懂也没关系，按着操作也能做出来。a、创建一个Shader，Assets-&Create-&Shader。b、打开shader，把下面的代码覆盖过去。[csharp]&Shader&&Transparent/Mask&&&{&&&&&Properties&&&&&{&&&&&&&&_MainTex&(&Base&(RGB)&,&2D)&=&&white&&{}&&&&&&&&_Mask&(&Culling&Mask&,&2D)&=&&white&&{}&&&&&&&&_Cutoff&(&Alpha&cutoff&,&Range&(0,1))&=&0.1&&&&&}&&&&&SubShader&&&&&{&&&&&&&&Tags&{&Queue&=&Transparent&}&&&&&&&&Lighting&Off&&&&&&&&ZWrite&Off&&&&&&&&Blend&Off&&&&&&&&AlphaTest&GEqual&[_Cutoff]&&&&&&&&Pass&&&&&&&&{&&&&&&&&&&&&&&&&&&&&SetTexture&[_Mask]&{combine&texture}&&&&&&&&&&&SetTexture&[_MainTex]&{combine&texture,&previous}&&&&&&&&}&&&&&}&&}&&你百度遮罩shader的话会有很多，但基本没有解释的，我这里解释一下，第一行是设置你的shader的路径和名称，比如上面的shader就建在了Transparent下，起名Mask，大括号里面有两个部分，第一个部分是属性Properties，第二部分是SubShader。Properties里是设置渲染的属性，比如这里设置了两张图片和一个滑动条，第一张图片用来加载背景图片，就是我们之前做的那个Render Texture，用来显示地图，第二张图片就是遮罩图片，用我们之前的那个白圆，滑动条范围从0到1，初始值0.1，再看一下语法。[csharp]&_MainTex&(&Base&(RGB)&,&2D)&=&&white&&{}&&_MainTex是属性名，会在SubShader中用到，Base (RGB)是在界面上显示的名称，你会在属性面板上看到，2D是图片维数，white是默认值。SubShader是处理渲染的主体，Tags是标签，Queue标签决定被渲染的次序，而Transparent是四个预定义的渲染队列之一，任何有关alpha混合的对象都应该在这里处理，看这里可以了解的更多：，关闭光照，关闭z缓冲器的写操作，关闭混合，Alpha测试是当Alpha大于等于你之前设定的_Cutoff时有效，也就是说这里当alpha大于等于0.1的图素会被渲染出来，其他的就透明了。Pass通道里处理混合，先设置第一张图片：SetTexture [_Mask] {combine texture}，这里是遮罩图片，然后第二张图片和前一张混合：SetTexture [_MainTex] {combine texture, previous}，而我们之前关闭了混合，所以第二张图片只是纯粹的显示，但大括号里第二个参数表示alpha，这里previous表示我们用之前那张图片的alpha，而第一张图片的alpha除了白圆部分，其余部分都是0，所以这张图片除了与白圆 重合的地方，其他地方alpha也是0，这样就透明了，只剩下了圆的地方，想了解Pass看这里：，想了解SetTexture看这里：。写了这么多，纯粹手打，觉得好的麻烦支持一下，哈哈。Shader有一定难度，但据说会shader的程序员薪水都在2万以上啊，望眼欲穿啊，所以大家努力学吧。如果上面的没看懂，你又不想学，那就跳过吧，反正把代码粘过去就可以了。c、创建一个material，Assets-&Create-&Material，然后Shader那里找到你建的那个shader，在Transparent下面。d、这时界面上会出现Base（RGB）和Culling Mask，Base（RGB）里把你之前那个Render Texture拖上去，Culling Mask把那个白圆的图片拖上去，如下图：这样你的材质就做完了。坚持到这步的为自己鼓个掌吧，你离成功不远了。3、在界面的右上角用NGUI建地图终于到了最后一步了，剩下的工作就简单多了，回到你的界面布局那里，有关NGUI界面布局不了解的看我前面的文章，在右上角的Anchor下建个Panel，起名MiniMapPanel，然后下面加两个sprite和一个Texture，一个sprite是圆框，一个sprite是小箭头，表示地图上的玩家，Texture用来接收之前的材质显示地图，如下图：Texture那里大小调成512*512的，Material那里把之前做的材质拖上去就ok了，如果显示顺序有问题别忘了调Depth或Z值。现在你应该可以看到东西了，但小箭头位置不对，当然，还没上代码呢。创建一个MiniMap的脚本，我把全部代码贴上来。[csharp]&public&class&MiniMap&:&MonoBehaviour&{&&&&&&&&//&Use&this&for&initialization&&&&&&public&GameObject&&&&&&&public&GameObject&&&&&&&private&GameObject&&&&&&&private&float&miniMapScaleR&&&&&&&&&&&&void&Start&()&{&&&&&&&&&&map.transform.localScale&=&new&Vector3(Screen.height,&Screen.height,&1);&&&&&&&&&&hero&=&GameObject.Find(&/Blade_Girl_Prefab&);&&&&&&&&&&GameObject&terrain&=&GameObject.Find(&Terrain&);&&&&&&&&&&Terrain&script&=&terrain.GetComponent&Terrain&();&&&&&&&&&&miniMapScaleRatio&=&(float)map.transform.localScale.x&/&script.terrainData.size.x;&&&&&&}&&&&&&&&&&&&//&Update&is&called&once&per&frame&&&&&&void&Update&()&{&&&&&&&&&&&&&&&&&&&&if&(hero&&&&point&&&&map)&{&&&&&&&&&&&&&&point.transform.rotation&=&Quaternion.Euler(0,&0,&-hero.transform.rotation.eulerAngles.y);&&&&&&&&&&&&&&map.transform.localPosition&=&new&Vector3()&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&x&=&-hero.transform.position.x&*&miniMapScaleRatio,&&&&&&&&&&&&&&&&&&y&=&-hero.transform.position.z&*&miniMapScaleRatio,&&&&&&&&&&&&&&&&&&z&=&0,&&&&&&&&&&&&&&};&&&&&&&&&&}&&&&&&}&&}&&代码不多吧，point是玩家标志小箭头，map是地图面板，就是1里面那个MiniMapRenderPanel，public属性的，自己拖上去吧。hero是我们的主角，miniMapScaleRatio是地图和真实地形尺寸比例，start里的第一句是在干吗呢，虽然我们的地图是512*512的，但经过实测，发现这个尺寸会随着屏幕的高度而有误差，需要设置成屏幕的高度这种尺寸，好吧，我也需要有人帮我解释下，Update里时刻获得主角的转向，主角在世界中是绕y轴旋转的，小标志是绕z轴旋转的，并且方向相反，这里要注意一下。然后按照角色在地形上的位置乘以地图与地形的比例获得小标志在地图上的位置，噢啦，大功告成，打完收工。
浏览4199次
本系列文章由Aimar_Johnny编写，欢迎转载，转载请标明出处，谢谢。http://blog.csdn.net/lzhq1982/article/details/终于写到第十篇了，庆祝一下。哈哈。这一篇我讲一下如何用NGUI做中文字体，先声明一下，我的NGUI版本是2.6.4，操作系统是mac os，版本不同或系统不同的话请自行体会哈。先在mac下的应用程序里找到字体册，然后在里面选一个你喜欢的中文字体，我选的是Kai，就是楷体啦，在电脑中找到它对应的ttf文件：Kai.ttf，然后把它存到unity的资源中，好，下面开始制作了。选择NGUI-&Open the Font Maker，在打开的Font Maker中，Type选Dynamic，Font TTF选刚建的Kai.ttf，Font Size是字体大小，旁边是字体风格，包括普通，粗体，斜体，粗体和斜体组合。Font Name是字体名称。我的截图如下：点Create the Font就可以了，很简单吧，你会发现你的资源中多了一个Kai的prefab，这个就是我们做好的字体。下面说怎么用。用法也很简单，先创建一个Label，选NGUI-&Open the Widget Wizard，Atlas不用管，Font那里把我们刚建好的Kai的prefab拖上来，Template那里选Label，如下图：我这里是给我们的英雄写个名字，好喜欢时空领地里的露娜，处处为人照相却不求回报，来做我们的女神吧，所以在UILabel那里留下了她的大名：注意黄叹号，大致意思就是说我们设置Depth是没用的，你得通过设置Z值来改变先后顺序，如果你有遮挡关系，这个要注意。最后Color Tint那里设置一下字体颜色就OK了。最后上个效果图吧。
浏览2927次
本系列文章由Aimar_Johnny编写，欢迎转载，转载请标明出处，谢谢。http://blog.csdn.net/lzhq1982/article/details/上一篇讲了NGUI如何制作游戏界面，这一篇来点干货，重点讲NGUI制作头像，血条。先上一张图。OK，这个就是我实现后的结果。先看看英雄的头像血条部分。看图说话，我的英雄头像和血条蓝条是在左上角绘制的，所以这些UI都绘制在了锚点LeftTop部分，过程是：先增加一个锚点，我起名Anchor-LeftTop，然后在Inspector面板上找到UIAnchor脚本，Side那里选择TopLeft。锚点制作完成，然后在锚点下创建一个Panel，命名为HeroBase，我将所有的英雄头像血条蓝条都绘制在这个面板上，这样有益于统一管理，比如我觉得头像位置不好，我移动这个面板就可以了，不用头像血条什么的都重调。然后我要在这个面板上加多少元素呢，如上图，HeroBlood（血条），HeroMana（蓝条），Label（英雄名字），Sprite(heroHead)（头像），Sprite(heroHeadBox)（头像背景），Sprite(heroName)（名字背景），就这些。我用到的所有图素都用NGUI的Atlas Maker打成了一张图，然后从中选择自己需要的，这个和cocos2d的spriteBatchNode类似，具体怎么用可以参考雨松大神的这篇文章：，我这里就不介绍了。先说那几个sprite，相对简单一些，选择NGUI-&Open the Widget Wizard，设置如下图所示：Atlas选你刚建的那个Atlas，用不着字体，Template选Sprite，然后点Sprite会出那个Atlas里的所有图片，选一张你需要的，最后AddTo你要加的面板上就可以了。然后你会在你的Game Scene上看到，调整它到你想要的位置，Unity的可视化编辑太方便了。这里我的头像用的是《时空领地》里的露娜的头像，再一次宣传一下，一款很不多的单机游戏哦，哈哈，sprite很简单，这里重点说一条，就是有关sprite的屏幕显示的前后顺序，如果图素是来自于一个Atlas里的，那么可以通过调整UISprite下的Depth来调整前后遮挡关系，数值越大越在上面，如果不是同一个Atlas里的资源，那调Depth不管用，Unity也会提示你，这时候可以通过调translate的Z值来调整前后。下面是本篇的重点，血条和蓝条。我的血条蓝条是用NGUI的Slider做的，选择NGUI-&Open the Widget Wizard，我这里的Atlas是用NGUI自带的Fantasy Atlas，找不到的可以在这里找：Project-&Assets-&NGUI-&Examples-&Atlases-&Fantasy，里面选蓝色小方块的Fantasy Atlas，这是prefab，然后自行拖到那个Widget Tool上的Atlas处。剩下的设置如下图：Empty就是背景图素，就是没有任何填充的时候的框的图素，Full就是前景，填充满的时候的图素。点击Add To，就会创建一个Slider的控件，其下包含背景，前景和sprite，sprite不用，删掉。然后看背景部分，把scale那里调成长方形，例如我把x调成了200，y是30，然后UISprite部分设置如下：先看那个Color Tint，是背景框的颜色，默认白色，看我最开始的那张图，我希望即使血条空了漏出后面的框，也是有透明红框的效果，所以这里我设置成了淡红，旁边那个小笔是个吸管工具，你点它可以在界面上提取任何颜色，很方便，Copy是可以复制当前颜色，会在Clipboard中体现出来，当在另一个同样的设置中也想用这个颜色时，点击Paste就可以了，复制粘贴嘛。重点是下面的Sprite Type，如果用默认的Simple，你会发现你这里是很难看的有黑框的原始图素，选Sliced是那种水平拉伸的图素，选Tiled是垂直的一格一格的图素，适合从上到下进度的那种，Filled选项，是设置那种需要转圈进度的方式，你可以都试一下，我们这里选Sliced。同理设置前景，颜色要用大红，效果就出来了，然后选择那个Slider父控件，我这里是HeroBlood，我们看一下它的UISlider部分：那个Value就是我们用来显示进度的百分比，最大为1，你可以拖动它后运行一下看看效果。那个Steps我不知道怎么用，默认就好了，Direction那里有必要说一下，咱们这里是水平的，如果你之前Sprite Type那里选的Tiled，那这里应该选垂直。好了，看看用法，用法超级简单，你也可以研究一下它的UISlider脚本，里面有个参数是sliderValue，对应的就是上图那个Value，只要改变它就可以了，绘制部分不用你管，它的UISlider里面的Set函数都处理好了，所以你只要像下面这样写一句代码就可以了。[csharp]&bloodSlider.sliderValue&=&(float)curHP&/&MAX_HP;&&不用我解释了吧。在血条上加个数值吧，这样更直观一些。看上面我的slider截的图，我在slider下加了个Label，选择NGUI-&Open the Widget Wizard，Atlas无所谓，Font选NUGI自带的Fantasy Font，它也在上述的Fantasy文件夹下，设置如下图：然后调整它的位置到血条上，Depth调整到最前面。用法也简单，直接上代码吧：[csharp]&bloodText.text&=&string.Format(&{0}/{1}&,&curHP,&MAX_HP);&&只要是进度条都可以像上面这么做，怪物的头像血条也是这种方法，我这里就不赘述了。下一篇我重点讲一下NGUI如何制作中文字体。好累，终于写完了，哈哈。
浏览1878次
本系列文章由Aimar_Johnny编写，欢迎转载，转载请标明出处，谢谢。http://blog.csdn.net/lzhq1982/article/details/有关NGUI的介绍我这里就不多说了，由于unity3d自带的界面绘制工具GUI效率低下，所以NGUI被广泛使用，它的原理也很简单，就是把UI绘制到一张plane上，然后摄像机用平行投影垂直摄像，这样就和处理一般的3d物体一样了，不了解NGUI的朋友可以从雨松大神这里入门：好了，我这里重点介绍的是怎么在我们的3d世界中加入NGUI的界面，我这里用的是NGUI 2.6.4，有版本不同的童鞋请自行体会，哈哈。一般的NGUI教程一上来都会说把Main Camera删掉，然后怎么怎么做，我一开始的时候看到这句话头就大了，我的场景都是在Main Camera下做的，不可能删了啊，由于对unity多开Camera不了解，就各种尝试，我甚至曾经以为把Main Camera作为NGUI的Camera，然后NGUI的plane只要在场景的前面就好了，倒也能达到效果，但界面不知道为什么会随着角色移动而颤抖。最后无意中的尝试发现，原来不用那么麻烦，就是让Main Camera和NGUI的Camera并存也没问题，两者投影的场景都会绘制在屏幕上，而且互不影响，我的心都碎了，这是做了多么二的各种尝试啊。所以如果对这不了解的童鞋看到这些，相信你就不用再走弯路了。吐槽了很多，现在言归正传，放着我们的Main Camera不管，我们新建一个UI，NGUI-&Open the UI Wizard，然后弹出的UI Tool，我们保持设置不变，点Create Your UI，下面是重点，一个游戏UI，我们希望它们分布在屏幕的四边，当然中央有需求也可以，NGUI给我们提供了一个很好的界面布局方法，那就是Anchor（锚点），默认是Center（居中）的，我们的需求是界面的上下左右都有UI，那好办，多创建几个锚点，还有，我的所有UI都应该是绘制在一个面板上的，这样可以统一放大缩小位移等，按照这个需求，把刚建的Camera下的那个锚点连同其下的面板删掉，留着Camera，新建一个面板（NGUI-&Create a panel），然后在该面板下创建多个锚点，然后每个锚点下创建你需要的UI。我的是这样的。布局做完了，你可以往各个锚点里添加你想要的UI了，比如我的左上角（LeftTop）用来放人物头像血条，上面中间（Top）用来放怪物头像血条，右上角（RightTop）是小地图，右下角（RightBottom）是技能按钮，等等。好了，下一篇我重点介绍英雄和怪物的头像血条UI。}