NGUI字体或图片高亮（灰化）

最新推荐文章于 2022-10-18 21:38:15 发布
最新推荐文章于 2022-10-18 21:38:15 发布
阅读量850 收藏
点赞数
分类专栏： Unity转载
高亮
字体高亮：
获取UIlabel Effec属性调整

 private void SetFont()
    {
        SetBrightnessFont(playerNum);
        SetBrightnessFont(cardNum);
        SetBrightnessFont(coinNum);
        Invoke("NextFont", 0.3f);
    }
     private void SetBrightnessFont(UILabel uilabel)  //设置字体高亮
    {
        uilabel.effectStyle = UILabel.Effect.Shadow;
        uilabel.effectColor = new Color(255, 255, 255, 255);
       
    }
  private void RecoveryFont(UILabel uilabel)  //字体高亮复原
    {
        uilabel.effectStyle = UILabel.Effect.Outline;
        uilabel.effectColor = new Color(0,0,0, 255);
    }
这样就可以实现字体高亮闪现的效果
图片高亮：
第一步修改Unlit - Premultiplied Colored

 
Shader "Unlit/Transparent Colored (Bright)"
{
     Properties
     {
         _MainTex ( "Base (RGB), Alpha (A)" , 2D) = "black" {}
         _Bright( "Brightness" , Float) = 2
     }
     
     SubShader
     {
         LOD 100
 
         Tags
         {
             "Queue" = "Transparent"
             "IgnoreProjector" = "True"
             "RenderType" = "Transparent"
         }
         
         Cull Off
         Lighting Off
         ZWrite Off
         Fog { Mode Off }
         Offset -1, -1
         Blend SrcAlpha OneMinusSrcAlpha
 
         Pass
         {
             CGPROGRAM
                 #pragma vertex vert
                 #pragma fragment frag
                 
                 #include "UnityCG.cginc"
     
                 struct appdata_t
                 {
                     float4 vertex : POSITION;
                     float2 texcoord : TEXCOORD0;
                     fixed4 color : COLOR;
                 };
     
                 struct v2f
                 {
                     float4 vertex : SV_POSITION;
                     half2 texcoord : TEXCOORD0;
                     fixed4 color : COLOR;
                 };
     
                 sampler2D _MainTex;
                 float4 _MainTex_ST;
                 float _Bright;
                 
                 v2f vert (appdata_t v)
                 {
                     v2f o;
                     o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
                     o.texcoord = TRANSFORM_TEX(v.texcoord, _MainTex);
                     o.color = v.color;
                     return o;
                 }
                 
                 fixed4 frag (v2f i) : COLOR
                 {
                     fixed4 col = tex2D(_MainTex, i.texcoord) * i.color;
                     col.rgb = _Bright * col.rgb;
                     return col;
                 }
             ENDCG
         }
     }
 
     SubShader
     {
         LOD 100
 
         Tags
         {
             "Queue" = "Transparent"
             "IgnoreProjector" = "True"
             "RenderType" = "Transparent"
         }
         
         Pass
         {
             Cull Off
             Lighting Off
             ZWrite Off
             Fog { Mode Off }
             Offset -1, -1
             ColorMask RGB
             AlphaTest Greater .01
             Blend SrcAlpha OneMinusSrcAlpha
             ColorMaterial AmbientAndDiffuse
             
             SetTexture [_MainTex]
             {
                 Combine Texture * Primary
             }
         }
     }
}


 第二步：
将图片的Shader进行替换

如果是Sprite的话可以进行如下操作
1. 创建新的Atlas

  复制Atlas和Material，如上图是Wooden Atlas 1（两个分别是Atlas和Material）
将Atlas Wooden Atlas 1的Material 指定为Wooden Atlas 1
修改新的Material
 
 增加亮度
 
修改Brightness即可（注意：修改后窗口可能不能立即显示效果，需要强制刷新对应的Panel）


应用
代码里面，用的时候将对应的sprite的atlas指定为新的atlas即可。

字体的灰化
 和字体的高亮进行同样处理
图片的灰化
和图片的高亮唯一不同的只有shader代码了
shader代码
Shader "Unlit/Transparent Colored (Gray)"
{
     Properties
     {
         _MainTex ( "Base (RGB), Alpha (A)" , 2D) = "black" {}
     }
     
     SubShader
     {
         LOD 100
 
         Tags
         {
             "Queue" = "Transparent"
             "IgnoreProjector" = "True"
             "RenderType" = "Transparent"
         }
         
         Cull Off
         Lighting Off
         ZWrite Off
         Fog { Mode Off }
         Offset -1, -1
         Blend SrcAlpha OneMinusSrcAlpha
 
         Pass
         {
             CGPROGRAM
                 #pragma vertex vert
                 #pragma fragment frag
                 
                 #include "UnityCG.cginc"
     
                 struct appdata_t
                 {
                     float4 vertex : POSITION;
                     float2 texcoord : TEXCOORD0;
                     fixed4 color : COLOR;
                 };
     
                 struct v2f
                 {
                     float4 vertex : SV_POSITION;
                     half2 texcoord : TEXCOORD0;
                     fixed4 color : COLOR;
                 };
     
                 sampler2D _MainTex;
                 float4 _MainTex_ST;
                 
                 v2f vert (appdata_t v)
                 {
                     v2f o;
                     o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
                     o.texcoord = TRANSFORM_TEX(v.texcoord, _MainTex);
                     o.color = v.color;
                     return o;
                 }
                 
                 fixed4 frag (v2f i) : COLOR
                 {
                     fixed4 col = tex2D(_MainTex, i.texcoord) * i.color;
                     col.rgb = dot(col.rgb, fixed3(.222,.707,.071));
                     return col;
                 }
             ENDCG
         }
     }
 
     SubShader
     {
         LOD 100
 
         Tags
         {
             "Queue" = "Transparent"
             "IgnoreProjector" = "True"
             "RenderType" = "Transparent"
         }
         
         Pass
         {
             Cull Off
             Lighting Off
             ZWrite Off
             Fog { Mode Off }
             Offset -1, -1
             ColorMask RGB
             AlphaTest Greater .01
             Blend SrcAlpha OneMinusSrcAlpha
             ColorMaterial AmbientAndDiffuse
             
             SetTexture [_MainTex]
             {
                 Combine Texture * Primary
             }
         }
     }
}

敲黑板敲黑板敲黑板
图片灰化的替代法
使用两套UITexture其中一套修改其ColorTint属性即可,这样做虽然快速有效，但消耗性能和内存。
参考网址：http://bbs.9ria.com/thread-418697-1-1.html
YZH8888886
关注
专栏目录
NGUI字体制作(UIFont)
weixin_42642651的博客
07-09 906
首先要用到一个软件bmfont，用来制作字体图集和字体参数的。其次是要先创建一个txt文档，里面写上自己需要的字符，重要的一点，要保存为utf-8-bom编码格式. 1.先选择需要用到的字体 2.设置图集大小和资源格式，这里参数选择text，图集选择png格式 3.先clear掉之前使用记录，确保下面是0，然后select chars from file ，打开你之前创建好的txt文档 4.倒入图片之后，选择保存 5.保存生成以下内容 6.将两个文件直接拖拽到unity工程内， 此处注意，png图
NGUI图片置灰方法
SHY不小心
07-31 923
1.修改Transparent Colored系列shader，通过设置Color.rgb来设置灰度 2.增加灰度系列shader，通过更换Sprite的material来设置灰度 using UnityEngine; using System.Collections; /// <summary> /// 设置图片灰度 /// </summary> public cl...
NGUI可用----边缘高光
09-12
Unity3D使用NGUI上的UITexture使用界面高光特效以及特效控制C#代码
【SonicUI】关于字体高亮的问题。。
shen_wei的专栏
10-28 1420
m_pSonicString[1]->Format(_T("/c=%x, a='http://hi.csdn.net/', linkh=0xFF00F0, font, font_height=25, font_bold=1, font_italic=1/点我打开链接uM"),RGB(128,0,32)); m_pSonicString[2]->Format(_T("/c=%x, a='http:
字体高亮
xSTARx
09-14 192
推荐安卓开发神器（里面有各种UI特效和android代码库实例） SpannableStringBuilder style=new SpannableStringBuilder(string); style.setSpan(new ForegroundColorSpan(Color.RED,start,end,Spannable.SPAN_EX_...)); textView.setTex...
字体高亮显示
wangrishen123的专栏
03-29 657
String display=b[0]+""+"n"+""+b[1];         TextView tv=new TextView(this);         tv.setText(Html.fromHtml(display));
高亮文字
Zhao_Yanqing的博客
03-29 634
textView.setText(Html.fromHtml("zyqflx")); 高亮文字 记录一下 ，
用美术字图片和BMfont生成NGUI自定义中文字体
11-03
### 使用BMfont与美术字图片生成NGUI自定义中文字体 #### 一、引言 随着游戏开发技术的发展，自定义字体的需求日益增长。在Unity NGUI中，使用BMfont工具结合美术字图片来创建自定义中文字体是一种常见且有效的方法...
unityNGUI动态字体的制作和显示教学
07-27
动态字体在游戏或应用中非常实用，因为它允许在运行时更改文本内容，比如玩家分数、游戏提示或动态更新的消息。这种灵活性极大地提高了用户体验。 首先，让我们了解NGUI的基本概念。NGUI是一个完整的UI系统，包括...
unity中高光高亮
06-14
这是一款unity的高光高亮插件，效果非常不错，包含渐变过程和demo
Android部分字体高亮
qq_36523667的博客
02-20 682
//high light TextView tv = (TextView)findViewById(R.id.tv); String s = tv.getText().toString(); SpannableStringBuilder builder = new SpannableStringBuilder(s); ForegroundColorSpan span = new Foregrou...
部分文字高亮方案
最新发布
FE-阿阳的博客
10-18 415
部分文字高亮
【Markdown】自定义不同颜色的字体高亮
weixin_41765578的博客
09-23 7949
默认高亮 <mark>Marked text</mark> Marked text 自定义高亮 可以通过mark或者span实现. 基本语法 <mark style="background-color：colorName/hexOfColor">Marked Txt</mark> or <span style="background-color：colorName/hexOfColor">Marked Txt</span> 高亮颜
字体发光的UILabel
番薯大佬的专栏
02-12 1409
自定义继承UILabel的字体发光标签。 头文件 #import @interface lightlabel : UILabel /// 外发光 @property (nonatomic, retain) UIColor *outLineColor; /// 里发光 @property (nonatomic, retain) UICo
【Markdown】字体，颜色：字体颜色、背景颜色，高亮文本
lixiaoting94的博客
01-07 2492
本文摘自：https://blog.csdn.net/thither_shore/article/details/52328313 https://blog.csdn.net/testcs_dn/article/details/45719357/#comments https://blog.csdn.net/testcs_dn/article/details/45766819侵删 字体、字体...
文字设置特殊颜色　ＮＧＵＩＴｅｘｔ
游戏小土匪
06-14 1264
// Color changing symbol if (encoding && ParseSymbol(text, ref i, mColors, premultiply, ref subscriptMode, ref bold, ref italic, ref underline, ref strikethrough)) {
NGUI的流光shader解决方案（一）（支持UITexture和使用图集的UISprite）
King的专栏
02-12 4514
之前的Unity项目中，UI部分的流光要求比较多，在网上找了很多贴子，并没有发现特别好的基于NGUI和shader的实现，所以自己做了一套，这里正好整理总结一下。 本方案基于NGUI，最终实现的流光效果如下： 此流光效果，有以下优点： - 支持UITexture - 支持使用图集的UISprite，且每个UISprite可以独立效果 - 可以自定义流光的图、流光速度、流光时间间
NGUI文字闪烁效果
keveonN的博客
06-16 1006
Label添加Tween Alpha动画 修改From的值为0，选择Play Style为PingPong
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值