网上关于实现刮刮乐的文章有很多，可以使用UGUI实现刮刮乐效果，也可以使用shader来实现，本篇中给大家分享的是第二种，利用Shader实现刮刮乐效果。实现思路：1.当按下鼠标时，我们就克隆一个笔刷，这样就形成了涂画的效果。2.然后我们写一个遮罩shader，shader中需要两张图，一张是遮罩的图片（，另一张是用于剔除遮罩的图片，我们将渲染出的rendertexture作为剔除遮罩的图片。这样
上一篇给大家介绍了如何使用shader实现刮刮卡效果，这篇就来介绍下如何使用UGUI实现刮刮卡效果的。下面说下实现方式。这里主要使用到一个脚本和一个Shader。 Shader "Unlit/Transparent Colored Eraser" ｛ Properties ｛ _MainTex ("Base (RGB), Alpha (A)", 2D) = "whi
Unity UGUI在刘海屏手机的屏幕适配主要是针对iPhoneX的适配。解决方法是每一个界面的最上层都是一个横纵Stretch自动拉伸的，当检测到当前是IPhoneX时，打开界面代码自动设置Left Top Right Bottom 为44。通过分辨率来判断当前手机是不是iPhoneX。 /// <summary> /// 自适应iPhoneX /// </summary>
做Unity开发的时候使用UGUI可以提升我们的开发效率，但是有时候做3D物体射线点击的时候，或者获取OnMouseDown的时候，发现即便鼠标（手指）点击了UI，但是射线和OnMouseDown依然会相应，出现这个问题应该怎么去避免？下面直接上代码吧，只需要在Update中加入这个方法就行了。 void Update() ｛ if(IsTouchedUI())
为了展示更多的内容，项目中有时候需要实现滑页效果，本篇文章中就介绍下使用UGUI实现滑页效果，一起来看看吧。效果如下：实现原理使用UGUI提供的ScrollRect和ScrollBar组件实现基本滑动以及自己控制每次移动一页来达到滑页的效果。实现过程1. 创建两个panel，上面的panel用于显示，下面的panel用于存放按钮2. 在TopPanel上添加ScrollRect脚本，用于滑动3.
本篇文章给大家分享下如何通过代码去改变物体的遮挡层级，UGUI在Screen Space - Overlay渲染模式下，由于不依赖摄像机渲染，使得其无法通过修改Z轴的方式修改物体间的层级关系，以下是解决方案：我创建了一个空的工程，然后创建了一个Image，然后复制成了一样大小的四份 为了便于分辨，设置为不同的颜色，改变他们的位置，使之相互交叉遮挡。根据运行结果看，每当点击一个图片，它在Hierar
本篇文章给大家分享下UGUI ScrollRect的滚动优化，如何实现无限循环利用Item，一起来看看吧。主要就几个函数。这个函数主要就是获取各个对象引用还有计算ScrollRect的四角坐标设置mRTrans.pivot的目的是，如果按照默认的pivot在中心也就是（0.5，0.5）的话，当Item的项数量增多时Item的会向两段延伸，但是需要的是向一端延伸，如果有Item增加进来只需要加载末尾
在开发过程中需要做界面管理，这里就分享下基于UGUI实现无限列表的方法。主要思路：1.根据列表项的大小与可视框生成大于可视框一个数量的列表项2.根据列表项距离可视框中间的距离进行上下切换(使用数据结构为链表)3.根据滚动距离做累加，求得当前的索引值，并通过索引值获取对应数据对列表项赋值验证：提供有边界和无边界两种虚拟列表1.有边界的列表将会在临界值(0或者1000)无法向上一个索引值(0)或下一个
NGUI支持图文混排，只需要我们为需要进行图文混排的图片都生成一个图集，然后设置好每个图片的占位符，这样就可以直接栽Label组件直接用这个占位符生成相应的图片，但是UGUI原生的Text组件并不支持图文混排，所以下面要分享的是使用UGUI来实现图文混排功能，想知道的就来看看吧。思路我们都知道Text组件之所以会生成文字/图片都是因为他会生成网格，然后通过uv去Font里面根据相应的文字的坐标等参
在做Unity游戏开发时，其中有些玩法是会加入拖拽一个UI到另一个UI上，比如说拖拽一个技能池里的技能到玩家身上技能槽里。环境：Unity5.5，UGUI注：(这里讨论的是overlay camera 2DUI，UGUI的WorldSpace 3DUI可能会有点不同)功能需求如下：按住一个UI，移动鼠标时拖拽它(可能新一个新的图标)，跟随鼠标移动，松开时候根据鼠标的位置做不同的处理，如果在鼠标在技
在游戏的UI界面制作中我们经常会用到使用菜单来选择或则开关一些东西，具体的样式如图所示：具体的效果是点击按钮前没有显示图层开关菜单，点击后显示，并可以进行开关操作，下面就展示如何制作这个UI控件，实现点击菜单显示和隐藏功能。这个功能很常见，但是UGUI上并没有这个控件，我们可以通过简单的控件组合来实现这个看似高级的控件。第一步：在Hierarchy面板下创建一个button，起名为bgroup,在
项目中有些信息需要以Toast的形式体现出来，考虑到有些人对这个了解的不够多，这才有下面给大家介绍的UGUI Toast的实现。原理先做一个Toast的prefeb，然后通过一个Manager将Toast生成出来，显示到Canvas。然后出于性能考虑，由于反复Instantiate和Destroy对性能消耗巨大，所以内部使用了一个简单的Queue对生成出来的Toast进行了一个缓存。使用方法将pr
现在大多数游戏都会有任务提醒功能，比如说任务提醒在屏幕中心，然后2-3秒后移动至右上角（根据功能自定）。下面就分享下动态设置Text的大小和位置的方法。首先改变Text的位置可以通过设置transform. position来改变，其次改变Text的大小可以通过改变Text的localScale或者height/width来改变。实现功能：在接到任务时显示在中间的文本框，待2-3秒后开始变小并移动
在拼UI的过程中会添加很多图片文字，但是很容易会忽略其中一点就是把无用的RaycastTarget去掉，因为开启此选项，虽然此组建虽然不需要接受射线，但是它而然工作且消耗性能。在网上找了2个小工具：其中一个是在Editor模式下用蓝色框出启用RatcastTarget的组件Code如下。挂在任意GameObject上即可 #if UNITY_EDITOR using UnityEngine; us
在游戏中都有系统公告，提示某某玩家做了什么事，或者系统发布一些公告。文字在屏幕上方移动提示。本篇就借助UGUI给大家分享下跑马灯效果的实现。使用UGUI，text包含了一个Text的组件。 注意：Text的文本垂直设置设成overflow不换行。这样在massage的长度会随着text文字的增长而增长，从而不需要固定文本的长度导致文本多长看不到溢出的字。接下来就是动画部分，让文字循环一定
游戏中为了让游戏得分显示的数字间隔更加合理，通常会选择使用UGUI中的Text组件先调整行间距问题，但是发现没有办法解决字与字之间的间隔，针对此种情况，本篇文章就给介绍下文本调整字间距并适配对齐方式的解决办法。UGUI Text 组件中的每个文字，是由两个网格组成，因而调整字间距，可以通过修改每个字的网格顶点位置来实现。效果如图：代码如下： using System.Collections.Gen
给项目开发聊天输入框的时候，UGUI自带的InputField只能设置输入内容显示最新输入的内容和输入固定长度的内容，并没有自适应内容改变输入框的长度和宽度，针对此种问题，下面就分享下解决办法。实现思路：继承继承UGUI提供的Layout接口，根据接口提供的方法计算出输入内容的宽高，接口方法就能够自适应宽高。实现效果：实现代码： using System.Collections; using Sy
游戏的屏幕是有尺寸的，意味着视野的范围就会受到限制，在开发过程中或多或少遇到这种情况，某个怪物在视野范围外但是收到技能攻击也会造成伤害或死亡，针对这种情况，就是这篇要给大家分享的重点，实现视野范围外死亡敌人的分数显示在屏幕内。本篇使用的例子是使得场景中的物体显示在屏幕内，也可以使用UGUI物体的显示，但是换算方式上刚好相反。如下脚本，脚本挂在分数物体上： using System.Collecti
本篇文章给大家分享下UGUI 图片将其他颜色去除，显示灰色图片。一般项目中会有一些图标，当你拥有该图标显示为彩色图标，一般项目中最占资源的就是图片，不允许添加一张彩色图片，一张灰色图片，必须通过一些方法将彩色图标的颜色去掉，获取图标的灰色值。UGUI 自带了一个Shader， Sprites/Default, 默认给了一个添加该Shader 的材质球。 Shader "UISprites/Defa
如果想实现Text文字间距控制，使用NGUI可以有两种办法。1：文字之间加空格。2：调节spacing 的x值。但是UGUI与NGUI相比，差别还是很大的，功能少不说有些特性还要自己取实现，针对于此，下面就给大家分享下使用UGUI实现Text文字间距控制的方法，以下是实现方式：1、定义扩展效果类 [RequireComponent(typeof(Text))] public class Spa
标签暂无描述
