【Unity&NGUI&UGUI】2D精灵物体变色彩透明以及图片高亮变色的方法

最新推荐文章于 2024-07-29 10:52:15 发布
最新推荐文章于 2024-07-29 10:52:15 发布
阅读量9.9k 收藏 10
点赞数 1
分类专栏： Unity NGUI 透明 # Unity教程 Unity图集 代码分析，UGUI 2D像素特效 Shader，2D像素特效 文章标签： 透明 Unity 经验 ngui Shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BuladeMian/article/details/53817379
版权
本文介绍了如何在Unity中使用NGUI和UGUI改变2D精灵的透明度和颜色，包括通过Tween Alpha组件实现动画效果，以及通过代码直接修改精灵的Material颜色以实现高亮和亮度调整。同时，还提到了使用Photoshop创建像素图并应用到Unity中进行颜色调整的方法。
摘要由CSDN通过智能技术生成

首先使用到的是NGUI，

使用NGUI创建2D精灵


再为其创建一个子物体2D精灵


为这个父物体添加组件NGUI-TWEEN-ALPHA



Tween Alpha的设置如下所示


从1不透明到0透明

Play Style :Ping Pong 循环

Duration:3 seconds经历的时间为3S

可以发现父物体下面的子物体也跟随着变透明


然后创建两个NGUI 2D 精灵，添加Tween Alpha组件，发现是NGUI的Tween透明是有效果的


----------------------------------------------------------------------

通过代码来改变2D精灵物体的透明度

transform.GetComponent<UI2DSprite>

最低0.47元/天 解锁文章
BuladeMian
关注
专栏目录
【Unity实战篇 】 | Unity实现UGUI颜色渐变，支持透明渐变
努力前行，总会成为自己心中的那道光
06-04 1万+
在Unity中UGUI的实现图片和文字颜色渐变效果是一个很常见的需求。 下面就来看一下颜色渐变效果是怎样实现的吧。 【Unity实战篇 】 | Unity实现UGUI颜色渐变，支持透明渐变
win桌面圣诞小插件分享
向宇
12-27 473
圣诞到了，最近有小伙伴问我有没有一些桌面圣诞小插件可以分享一下，所以我就特地去寻找了一些，感觉效果还不错，所以分享出来。
Unity用Shader实现UGU i图片边缘选中高亮
lq1340817945的博客
06-10 1396
Unity用Shader实现UGU i图片边缘选中高亮
【实现100个unity特效之10】Unity 实现2D图片发光
最新发布
向宇
07-29 408
使用ShaderGraph实现图片自发光效果创建材质记得开启URP配置的HDR效果预览效果应用，敌人和总部窗户发光效果。
Unity 2D高亮
光的博客
07-29 1510
https://blog.csdn.net/lyh916/article/details/51487918 感谢博主分享
Unity2d SpriteRenderer修改颜色实现逐渐透明
qq_42883222的博客
07-10 3595
原理 SpriteRenderer.Color(r, g, b, a); 前三个参数控制颜色，最后一个控制透明度，取值皆为[0,1]; 0000为白色透明 1111位黑色不透明 实现逐渐透明效果 private SpriterRenderer sp; public float fadeSpeed; void Awake() { sp = GetComponent<SpriteRenderer>(); StartCoroutine(Fade());
ui unity 图片高亮_【专栏精选】实战：动态配置图片
weixin_33217004的博客
01-07 747
本文节选自洪流学堂公众号技术专栏《大话Unity2019》，未经允许不可转载。洪流学堂公众号回复专栏，查看更多专栏文章。洪流学堂，让你快人几步。你好，我是郑洪智。小新：“大智，最近我在做一个虚拟展厅的demo，你说我怎么最大程度提高这个程度的扩展性呢？最好图片和文字说明是可以动态替换的。”大智：“这个问题用我们这两周学的配置文件和读取文件的知识，串起来就可以搞定这个问题了！”小新：“那你...
UGUI Button HighlightedColor 高亮问题（基础篇）
qq_40097668的博客
09-14 1327
当使用Buttonr时，发现按住按钮后鼠标划出Button仍然处于HighlightedColor颜色。 解决方法：将Button中Navigation选择为None（默认是Automatic）。
ui unity 图片高亮_【Unity&NGUI&UGUI】2D精灵物体变色彩透明以及图片高亮变色的方法...
weixin_29938009的博客
01-14 1416
首先使用到的是NGUI，使用NGUI创建2D精灵再为其创建一个子物体2D精灵为这个父物体添加组件NGUI-TWEEN-ALPHATween Alpha的设置如下所示从1不透明到0透明Play Style :Ping Pong 循环Duration:3 seconds经历的时间为3S可以发现父物体下面的子物体也跟随着变透明然后创建两个NGUI 2D 精灵，添加Tween Alpha组件，发现是NGU...
Unity NGUI高端游戏小地图6组图标Unity游戏素材资源（UGUI可用图片素材）
03-30
Unity NGUI高端游戏小地图6组图标Unity游戏素材资源（UGUI可用图片素材） 资源demo路径 Assets\kolmich\KGFMapSystem\demo\scenes 图片资源路径 Assets\kolmich\KGFMapSystem\textures
unity 2DSprite 边缘酷炫发光效果.zip
09-14
unity 2DSprite 边缘发光特效，制作unity 2D游戏很实用！很牛逼的发光效果，sprite 发光效果，点灯元
unity 2DSprite 边缘发光特效
08-31
unity 2DSprite 边缘发光特效，制作unity 2D游戏很实用！
Unity物体高亮显示插件Highlighting System
08-25
Unity物体高亮显示插件Highlighting System Unity物体高亮显示插件Highlighting System
【Unity&UGUI】动态改变精灵物体的图片
热门推荐
BuladeMian的博客，菜得抠脚，菜得真实
12-28 1万+
Sprite Packer打包 动态改变精灵物体的图片 1.改变这个原有的精灵的图片 2.在资源库里面生成一个新的精灵 ---------1.改变这个原有的精灵的图片 首先在这个。CS文件类下面声明一个SpriteRenderer变量 private SpriteRenderer image; 在Start初始化函数里面，初始化上面声明
c# imager让图片有圆角unity_让不懂编程的人爱上Unity3d游戏开发028-Unity游戏脚本剖析下...
weixin_39692847的博客
11-25 300
在上一课的内容中，我们介绍了UnityEngine所提供的重要事件函数。大家可能现在只有一个比较模糊的概念，但是没关系，在后面的学习中，当我们具体用到的时候再详细解释。在这一课的内容中，我们会带大家认识下Unity3d中一些重要的类和方法。同样的，这部分内容不需要大家掌握那么多的细节，只要知道有这些东西的存在就好~还等什么呢？让我们开始吧~03 Unity和C#的双剑合璧-Unity游戏脚本剖析下...
UGUI 图片变灰色
天帝专栏
12-28 2063
用于技能CD中 ICon 变暗Shader "UGUI/SpriteGray" { Properties { [PerRendererData] _MainTex("Sprite Texture", 2D) = "white" {} _Color("Tint", Color) = (1,1,1,1) [MaterialToggle] PixelSnap("Pixel snap", F
[Unity2D]精灵
weixin_33910460的博客
09-03 166
    精灵是Unity2D里面对通过图片纹理实现的游戏对象，通常会是游戏里面的玩家，敌人之类的，在Unity里面创建一个精灵的操作非常简单，直接把图片资源拖放到Hierarachy视图就可以完成了精灵的创建。这时候我们就可以看到Inspector视图，如图所示：     通过游戏里面的精灵会对应有多张图片，这时候我们可以通过sprite sheet来创建精灵，在Project视图里面选中图...
ui unity 图片高亮,如何在Unity中淡化UI图像
weixin_42334285的博客
01-30 413
I want to fadein a UI image from transparent(alpha=0) to alpha=1, i thought my approach should be right, but it doesn't work, the image is not changing.This is the code that i tried for doing that:usi...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值