一.先看下效果 Prefab结构 二.实现思路: 1.prefab上的Panel层级设置成较高 2.背景由5个UISprite拼接起来的,4个(L,R,U,D)当作遮罩,1个镂空(Hollow)当作点击触发(全部都有BoxCollider,并且都生效,有人会问这不就把后面的按钮也给拦截住了,后面会说为什么要这样) 3.4个遮罩的大小由Holow大小决定 4.Hollow绑定一个点击事件ClickCenter  (后面代码里有) 三.关键部分: 这里解释为什么上面要把Hollow也带上BoxCol

实现原理:实际上就是先利用渲染队列渲染,然后再利用ZTest,改变渲染的遮挡关系. PS:Depth Testing:深度测试,也叫深度缓冲.只有最靠近观察者的物体会被绘制.深度即Z,该值越小表示离观察者越近,该值越大表示离观察者越远. 具体操作步骤: 1.修改NGUI的Unlit - Transparent Colored Shader,将ZWrite改为On. 2.创建3个Panel,分别为叫GameObject.Mask.Cutout,里面分别创建一个Sprite, 3.将Panel的渲染

混合模式 着色完成后,需要把颜色混合到帧缓冲区里面,涉及到源和目标. 1:在所有计算完成后,决定当前的计算结果输出到帧缓冲区时,如何混合源和目标,通常用来绘制半透明的物体;2: Blend Off 关闭混合3: Blend 源因子,目标因子: 配置并开启混合,产生的颜色和因子相乘,然后两个颜色相加4: Blend 源因子,目标因子, 源因子A,目标因子A: 源因子与目标因子用户混合颜色值,源因子A,与目标因子A,用于混合alpha5: BlendOp操作命令: 不是将颜色混合在一起,而是对他们进

遮罩,顾名思义是一种可以掩盖其它元素的控件.常用于修改其它元素的外观,或限制元素的形状.比如ScrollView或者圆头像效果都有用到遮罩功能.本系列文章希望通过阅读UGUI源码的方式,来探究遮罩的实现原理,以及通过Unity不同遮罩之间实现方式的对比,找到每一种遮罩的最佳使用场合. Unity UGUI主要提供两种遮罩,分别是Mask和Rect Mask 2D.在2D游戏开发中,可能还会用到Sprite Mask,虽然不是本文的重点,但后面也会提到.原本是希望将对各个遮罩的分析与对比整合在一篇

在NGUI中使用Sprite的遮罩效果可以很轻松的实现技能CD效果. 具体实现步骤: ①新建一个技能图标的Sprite 如图中的Skill001,再在该技能Sprite上添加一个Sprite做遮罩, Atlas中选一张纯灰色背景的图片,如图中的Shade_Sprite. ②在该遮罩Sprite中有三个属性用来控制遮罩的效果. Type:Filled Fill Dir:Radial360 Fill Amount:0 滑动Fill Amount,就可以看到效果了 ③给技能游戏对象绑定一个快捷键或按钮

前言 当使用加法/减法/乘法颜色混合,或者使用透明混合的时候,在经过深度测试时可能会引发一些问题.例如现在我们需要使用加法混合来绘制一系列对象,而这些对象彼此之间不会相互阻挡.若我们仍使用原来的深度测试,就必须保证某一像素下的所有片元需要按照从远到近的顺序来进行绘制,但这很难做到,尤其在绘制一些几何体的时候可能会出现在前面的像素片元挡住了后面的像素片元的情况.现在,我们有能力通过调整深度测试这一行为,来改变最终的显示结果. 在此之前需要额外了解的章节如下: 章节回顾 11 混合状态与光栅化状态

经常看一些 LOL 比赛直播的小伙伴,肯定都知道,在一些弹幕网站(Bilibili.虎牙)中,当人物与弹幕出现在一起的时候,弹幕会"巧妙"的躲到人物的下面,看着非常的智能. 简单的一个截图例子: 其实,这里是运用了 CSS 中的 MASK 属性实现的. mask 简单用法介绍 之前在多篇文章都提到了 mask,比较详细的一篇是 -- 奇妙的 CSS MASK,本文不对 mask 的基本概念做过多讲解,向下阅读时,如果对一些 mask 的用法感到疑惑,可以再去看看. 这里只简单介绍下 m

顾名思义"text-fill-color"就是文字填充颜色而"text-stroke"就是文字描边.还别说,两个属性可以制作出各种炫酷的文字效果,不过IE系列都不支持,不过好在webkit都支持良好. text-fill-color:color; <style> h1{ -webkit-text-fill-color:red; } </style> <h1>博客园</h1> 话说倒有点像color了,这种情况下倒是和c

Web总结 学习web前端理论基础必然是要过关的,这里我总结了一下比较基础的常用理论,还是比较有用哒! 一.名词解释 1.横切 在固定页面的宽度(按栅格化进行)并且对高度没有限制的容器称为一个标准横切 2.留白 两个容器或碎片之间的上.下.左.右的空白距离 3.继承 元素可以从其父级元素中获得一些可为自己使用的属性或值. 4.图片定位 把图片元素放置到一个静态的.相对的.绝对的.或固定的位置中,利用CSS中对图片进行遮罩属性,多用于页面中的修饰图 5.底图 页面中在标签中使用的背景图 6.齐底(

1. WEB标准是什么? “WEB标准”是一系列标准的总称.一般的误区经常把WEB标准说成DIV+CSS.准确的说法应该是:采用W3C推荐的WEB标准中的XHTML1.1结合CSS2.0 样式表制作页面的方法.DIV 应该指的是XHTML标签,而CSS 指的是样式表. 2. 采用WEB标准开发的好处 2.1 节约运营成本   2.2 用户友好性 2.3 内容跨平台的可用性 2.4 加快页面解析速度 2.5 更良好的用户体验 3. 名词解释 1. 横切 页面中950px宽并且对高度没有限制的容器称

概述 UICollectionView是从iOS6开始引入使用的,目前应用非常广泛,很牛逼!老外的博客也是这么说的(传送门) ## 与UITableView的初步比较 UITableView应该是大家最熟悉的控件了,UICollectionView的使用与之类似,但又有所区别,如下介绍.相同点: 1.都是通过datasource和delegate驱动的(datasource和delegate官方文档传送),因此在使用的时候必须实现数据源与代理协议方法; 2.性能上都实现了循环利用的优化. 不同点