NGUI 做局部2d卷轴

网上找到的都是做整个背景的卷轴动画,通常是改变纹理位置或者背景图片的x坐标没有提到在UI界面里某个部分做卷轴动画,找了很久,才发现NGUI的Panel里的Clipping属性可以裁剪Panel的大小. 所以特此记录,以后还是需要多关注各个组件的api和相关属性的具体含义.…

【跟我一起学Unity3D】做一个2D的90坦克大战之AI系统

对于AI,我的初始想法非常easy,首先他要能动,而且是在地图里面动. 懂得撞墙后转弯,然后懂得射击,其它的没有了,基于这个想法,我首先创建了一个MyTank类,用于管理玩家的坦克的活动,然后创建AITank类,AITank类继承MyTank类.这种话.在AITank类上,仅仅须要添加AI就能够了.详细的状态机实现,就放到MyTank类上就可以. 首先来分析一下MyTank这个类,就从有限状态机開始吧. 一辆坦克的状态有以下几个: protected enum State { Idle, Lef…

Unity 利用NGUI做屏幕分辨率适配+学习UIDraggablePanel的使用

原地址:http://blog.sina.com.cn/s/blog_697b1b8c0101g2r4.html 大家使用unity,一定有看中其跨平台的强大功能,因此也难免会遇到不同屏幕分辨率适配的问题. 先说说UIRoot.在新版本的ngui中加入一个选择菜单,分别有PixelPerfect,FixedSize,FixedSizeOnMobiles.网上有不少资料说明这个,不过我看了好几遍都没怎么懂.只到做了几个demo才明白. 1.PixelPerfect,顾名思义,就是像素点完美化,怎么…

NGUI如何使2D图片按像素1：1显示在屏幕上

NGUI版本为3.5.1. 将camera 设置为正交模式,size值设为1. UIRoot(2D)有3种缩放样式: 1.PixelPerfect.UI严格按照指定的像素大小显示,不会随着屏幕的分辨率变化.这表示,一个按钮在低分辨率下看起来会比较大,而在高分辨率下看起来比较小. 2.FixedSize .UI按照在Game tab内的显示比例,自动调整大小. 3.FixedSizeOnMobile .根据发布平台(移动/桌面)在以上两种样式中自动选择. 还有3个公共属性: int manual…

关于NGUI与原生2D混用相互遮盖的问题心得

http://www.fzgh.org.cn/zuixindianying/144224.html Native2D自己可以使用Sort Layer来排序,每层又有不同的Order In Layer,这样每一个精灵就能自然而然调节谁来遮盖谁了. 但NGUI一起混用就不行了. 被折磨很久,得出以下几点结论. 1.NGUI处于Sort Layer中的Default层,且Order In Layer为0. 2.把原生2D精灵设置在Default且Order In Layer为0的时候,与NGUI处在同…

结合NGUI做的手机拍照（可自定义相框）

原地址:http://www.unity蛮牛.com/thread-18220-1-1.html 在次此之前我们先要了解一下下面的我要讲的几个内容: 一.为什么要用NGUI,因为NGUI的可以做屏幕自适应,在各大不同手机分辨率的屏幕上想要实现基本的显示而且不乱象的效果最后还又能快速开发出来,那么无疑还是NGUI比较的好.二.既然是涉及到手机拍照,那么无疑使可以调用前置或者后置的摄像头都可以进行拍照咯. 三.实际上我做的所谓的拍照时利用了手机的截图功能,只是我会在最后保存路径上会将它保存到手机的相…

使用vue来做局部刷新

我们都知道,vue的组件化是他最强大的核心所在,路由也是特别可爱的一部分,但是路由适合一些大型的组件,看url路径的时候会出现变化,但是有时候我们想要一些小的局部小刷新,这个时候就需要用到它的动态组件了: Vue 自身保留的 <component> 元素,可以将组件动态绑定到 is 特性上,从而很方便的实现动态组件切换代码如下:slotDome.vue: <template> <div> <slot></slot> <slot name=…

用NGUI做一个计时条！

1.建立两个UISprite. 2.建立脚本CountingTime 3.编写脚本 public class CountTime : MonoBehaviour { //时间计时器 public float countTime; //倒计时显示 public UILabel timeCount; //计时条在准备后隐藏 public float prograssPercent = 1f; public UISprite jinDuTiao; // Update is called once pe…

Unity3D使用NGUI做个弹窗

主要函数: NGUITools.AddChild(gameobj, prefab);//gameobj为父对象,prefab为要显示的窗体对象预制然后写个方法,限制出现多个即可…

unity 2d 和 NGUI layer

http://blog.csdn.net/xtxy/article/details/37876825 在使用unity2d开发游戏的时候,使用了NGUI作为界面,本来二者配合得还挺好,但是一个使用场景出现了问题,就是一个ngui的sprite需要放置在unity2d sprite后面显示,也就是用ngui得sprite作为背景,结果发现替换sprite的altas的时候,背景就把unity2d sprite遮挡住了,使用z轴控制不住. 在网上搜索了一下,发现了NGUI适应unity 2d lay…

NGUI系列教程六（技能冷却的CD效果）

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

Unity3D-深入剖析NGUI的游戏UI架构

Unity3D-NGUI分析,使用NGUI做UI须要注意的几个要点在此我想罗列一下,对我在U3D上做UI的一些总结,最后解剖一下NGUI的源码.它是假设架构和运作的. 在此前我介绍了自己项目的架构方式,所以在NGUI的利用上也是相同的做法,UI逻辑的程序不被绑定在物体上. 那么怎样做到GUI输入消息的传递呢,答案是:我封装了一个关于NGUI输入消息的类.因为NGUI的输入消息传递方式是U3D中的SendMessage方式,所以在每一个须要接入输入的物体上动态的绑定该封装脚本. 在这个消息封装类中…

Unity 4.3 2D 教程：新手上路

这篇文章译自 Christopher LaPollo 先生的 Unity 4.3 2D 教程的第一部分 Unity 4.3 2D Tutorial: Getting Started 感谢这套优秀教程的作者@Chris!译者水平有限,翻译不准确的地方请参考原文,文中所有Unity的关键字都没有翻译. 如果你尝试用更早版本的Unity来制作2D游戏,那当然没问题,但你也知道必须先解决一些问题. 可能你通过给quad应用纹理,使用脚本调整纹理参数来实现一些动画.由于它们在3D环境,如果添加物理效果,你…

卷积、矩阵乘积、高斯模糊滤波（降噪）、空域计算（2D卷积计算）、频域计算（FFT）的理解

矩阵乘积:对应行列对应元素相乘的和组成新的矩阵两个矩阵的乘法仅当第一个矩阵A的列数和另一个矩阵B的行数相等时才能定义.如A是m×n矩阵和B是n×p矩阵,它们的乘积C是一个m×p矩阵并将此乘积记为: 例如: 矩阵的乘法满足以下运算律: 结合律: 左分配律: 右分配律: 矩阵乘法不满足交换律. 矩阵乘积可以形象地理解成空间的线性变化:位置的旋转,移动卷积与矩阵又称卷积和,即某元素邻域组成的矩阵A与卷积核矩阵B对应的元素的乘积的和,其中A,B的行列数相等.卷积核有特殊的定义:需矩阵中心元素=周…

（转）NGUI系列教程七（序列帧动画UITexture 和 UIsprit）

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

NGUI系列教程七（序列帧动画）

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

安卓易学，爬坑不易——腾讯老司机的RecyclerView局部刷新爬坑之路

针对手游的性能优化,腾讯WeTest平台的Cube工具提供了基本所有相关指标的检测,为手游进行最高效和准确的测试服务,不断改善玩家的体验.目前功能还在免费开放中. 点击地址:http://wetest.qq.com/cube立即体验! 作者:Hoolly,腾讯移动客户端开发工程师. 商业转载请联系腾讯WeTest获得授权,非商业转载请注明出处 WeTest导读安卓开发者都知道,RecyclerView比ListView要灵活的多,但不可否认的里面的坑也同样埋了不少人.下面让我们看看腾讯开发工程…

NGUI Draw Calls优化(思路)

用NGUI做界面的时候发现不注意GameObject(或者说Widget)的depth的话,单独运行界面时,Draw Calls挺高的: 网上搜了一下,大把的博客说的都是类似以下的原则: (PS:以下1.2摘自http://blog.csdn.net/monzart7an/article/details/25212561) 1.同一个UIPanel下的texture和font尽量放在同一个atlas下.也表达了另外一个意思,使用同一个atlas的元素尽量放在同一个UIPanel下面. 2.如果一…

NGUI学习笔记汇总

NGUI学习笔记汇总,适用于NGUI2.x,NGUI3.x 一.NGUI的直接用法 1. Attach a Collider:表示为NGUI的某些物体添加碰撞器,如果界面是用NGUI做的,只能这样添加.(注:用Component添加无效). 2. Attach an Anchor:表示为该物体添加了UIAnchor脚本,作用是避免像素偏移的问题 3. Attach UIStretch:表示为该物体添加了UIStretch脚本,提供缩放功能 4. Make Pixel Perfect:表示自动为你…

CSLight研究院之学习笔记结合NGUI（一）

原地址:http://www.xuanyusong.com/archives/3088 这两天一直在研究CSLight,目前Unity热更新的方式有两种,一种是ulua这个网上的例子已经很多了.还有一种就是CSLight.其实我更希望CSLight可以趋向成熟,因为它的语法就是C#,但是有些C#的标准语法用不了.这两天我学习的做了一个例子,也把我遇到的坑记录一下. 1.在github上下载CSLight,当我把DLL拖进项目的时候会报错.原因是CSLight的dll和NGUI的冲突了,所以我直接…

Unity3D 利用NGUI2.6.3做技能冷却的CD效果

转自http://blog.csdn.net/qqmcy/article/details/9469021 NGUI非常强大我们今天来学习一下,如何利用NGUI做技能冷却的CD效果.先导入NGUI的插件.没有的话这里有啊NGUI2.6.3下载地址: http://vdisk.weibo.com/s/KLqn5 创建一个plane, 然后,再创建一个sprite. 脚本代码与sprite相关联就OK了! using UnityEngine; using System.Collections; pub…

Unity NGUI实现Tabview

unity版本:4.5.1 NGUI版本:3.5 参考链接:http://blog.csdn.net/g__dragon/article/details/17242969,作者:CSDN G_Dragon Tabview可以参考NGUI中的示例,场景Examples\Scenes\Example 13 - Tabs 1.用NGUI创建一个2D UI,在该UI Root下新建一个Panel,然后在该Panel下新建两个toggle,在NGUI下创建tab键如下所示: 打开Widget Wizard…

Unity 利用NGUI2.6.3做技能冷却的CD效果

NGUI非常强大我们今天来学习一下,如何利用NGUI做技能冷却的CD效果.先导入NGUI的插件.没有的话这里有啊NGUI2.6.3下载地址: http://vdisk.weibo.com/s/KLqn5 创建一个plane, 然后,再创建一个sprite. 脚本代码与sprite相关联就OK了! using UnityEngine; using System.Collections; public class Main : MonoBehaviour { UISprite sprite; voi…

写给想成为前端工程师的同学们 ―前端工程师是做什么的？a

前端工程师是做什么的? 前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色.从狭义上讲,前端工程师使用 HTML.CSS.JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端.移动端网页,处理视觉和交互问题.从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域.(web前端学习交流群:328058344 禁止闲聊,非喜勿进!) 2005年的时候大多数网页长这样: 现在的网页一般是这样的: 前端工程师的发展之路和前景是怎么样的?…