unity游戏开发之NGUI的UISprite染色
游戏的UI开发中常常会遇到染色问题。比如button失效变灰的效果,同一个道具通过策划表配的颜色值染上红绿蓝紫等颜色,效果例如以下
最笨最挫的方法当然是让美术多出几个资源图。这种一个缺点是浪费资源,在手游上资源的大小显得尤为重要。并且不好维护和复用。改动一个资源须要同一时候改动其它颜色的多个同类资源。一种比較好的解决方式是通过更换渲染的材质,用染色材质取代原来的材质。然后把原来材质的主纹理和透明纹理赋值给新的材质。这样就能够实现用程序动态切换颜色。并且仅仅须要一个基础资源。节省资源大小。easy维护。
以下给出这个解决方式的流程图。例如以下图所看到的
以下写一个样例,通过按r键,g键。b键。y键来动态切换染红色,染绿色。染蓝色,灰化效果。项目的GameObject图例如以下
染色普通颜色的材质相应的shader例如以下
- Shader "Winter/ChangeColor" {
- Properties {
- _MainTex ("Base (RGB)", 2D) = "white" {}
- _Color ("Main Color", Color) = (1,1,1,1)
- }
- SubShader {
- Tags { "Queue" = "Transparent+10" }
- LOD 200
- Pass
- {
- ZWrite On
- ZTest Off
- Blend SrcAlpha OneMinusSrcAlpha
- Lighting Off
- //Cull Off
- CGPROGRAM
- #pragma vertex vert
- #pragma fragment frag
- #include "UnityCG.cginc"
- sampler2D _MainTex;
- fixed4 _Color;
- float _ColorCtrl;
- struct v2f
- {
- float4 pos : SV_POSITION;
- float2 uv : TEXCOORD0;
- };
- float4 _MainTex_ST;
- v2f vert (appdata_base v)
- {
- v2f o;
- o.pos = mul (UNITY_MATRIX_MVP, v.vertex);
- o.uv = TRANSFORM_TEX (v.texcoord, _MainTex);
- return o;
- }
- fixed4 frag (v2f i) : COLOR
- {
- fixed4 texcol = tex2D (_MainTex, i.uv);
- result = texcol * _Color;
- result.a = texcol.a;
- return result;
- }
- ENDCG
- }
- }
- }
不同颜色要创建不同的材质,而且设置其颜色值,例如以下
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaXdpbnRlcmljZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" style="border:none; max-width:100%">
灰化效果比較特殊,颜色值不能弄成(0,0,0,1)或者(1,1,1,1)。
须要用到灰化函数
终于颜色的r = (原图r+原图g+原图b)*0.33
终于颜色的g = (原图r+原图g+原图b)*0.33
终于颜色的b = (原图r+原图g+原图b)*0.33
终于颜色的透明值 = 原图的透明值
依据上面。有以下的灰化shader
- Shader "Winter/Gray"
- {
- Properties
- {
- _MainTex ("Base (RGB)", 2D) = "white" { }
- }
- SubShader
- {
- Tags
- {
- "Queue" = "Transparent+10"
- }
- Pass
- {
- Lighting Off
- ZTest Off
- Cull Off
- Blend SrcAlpha OneMinusSrcAlpha
- CGPROGRAM
- #pragma vertex vert
- #pragma fragment frag
- #include "UnityCG.cginc"
- sampler2D _MainTex;
- sampler2D _AlphaTex;
- half4 _Color;
- struct v2f
- {
- float4 pos : SV_POSITION;
- float2 uv : TEXCOORD0;
- };
- half4 _MainTex_ST;
- half4 _AlphaTex_ST;
- v2f vert (appdata_base v)
- {
- v2f o;
- o.pos = mul (UNITY_MATRIX_MVP, v.vertex);
- o.uv = TRANSFORM_TEX (v.texcoord, _MainTex);
- return o;
- }
- half4 frag (v2f i) : COLOR
- {
- half4 texcol = tex2D (_MainTex, i.uv);
- half4 result = half4((texcol.r + texcol.g + texcol.b) * 0.33f,(texcol.r + texcol.g + texcol.b) * 0.33f,(texcol.r + texcol.g + texcol.b) * 0.33f,texcol.a);
- return result;
- }
- ENDCG
- }
- }
- }
接着就是要改动Ngui的UISprite源代码。加入一个渲染的材质WinterMaterial, 在读取material值的时候。假设有自己定义的渲染材质,则须要读取自己定义渲染材质
- public override Material material
- {
- get
- {
- Material mat = base.material;
- if (mat == null)
- {
- mat = (mAtlas != null) ?
mAtlas.spriteMaterial : null;
- mSprite = null;
- material = mat;
- if (mat != null) UpdateUVs(true);
- }
- if (WinterMaterial!=null)
- {
- return WinterMaterial;
- }
- else
- {
- return mat;
- }
- }
- }
然后。加入下面几个染色函数
- public void ShowAsRed()
- {
- ShowAsColor("file:///D:/u3dAB/WinterRedMat.assetbundle", WinterRedMat);
- }
- public void ShowAsGreen()
- {
- ShowAsColor("file:///D:/u3dAB/WinterGreenMat.assetbundle", WinterGreenMat);
- }
- public void ShowAsBlue()
- {
- ShowAsColor("file:///D:/u3dAB/WinterBlueMat.assetbundle", WinterBlueMat);
- }//须要加入染色值的,则须要加入材质和染色函数
- public void ShowAsGray()
- {
- StartCoroutine(<span style="font-family: Arial, Helvetica, sans-serif;">//自己定义的www函数</span>
- IzUtils.LoadAB("file:///D:/u3dAB/WinterGrayMat.assetbundle", (w) =>
- {//assetbundle是打包好的材质
- Material mat = w.assetBundle.mainAsset as Material;
- mat.mainTexture = material.mainTexture;
- WinterMaterial = mat;
- w.assetBundle.Unload(false);
- RefreshPanel(gameObject);
- })
- );
- }
- private void ShowAsColor(string matName, Material colorMaterial)
- {
- if (WinterMaterial == null || colorMaterial != WinterMaterial)
- {
- if (colorMaterial == null)
- {
- StartCoroutine(
- IzUtils.LoadAB(matName, (w) =>
- {
- Material mat = w.assetBundle.mainAsset as Material;
- mat.mainTexture = material.mainTexture;
- colorMaterial = mat;
- WinterMaterial = mat;
- w.assetBundle.Unload(false);
- RefreshPanel(gameObject);
- })
- );
- }
- else
- {
- WinterMaterial = colorMaterial;
- RefreshPanel(gameObject);
- }
- }
- }
- GameObject GetMostClosePanel(Transform rootTrans)
- {
- if (rootTrans.GetComponent<UIPanel>() != null)
- {
- return rootTrans.gameObject;
- }
- else if (rootTrans.parent == null)
- {
- return null;
- }
- else
- {
- return GetMostClosePanel(rootTrans.parent);
- }
- }
- GameObject panelObj = null;
- public bool selfRefresh = true;
- void RefreshPanel(GameObject go)
- {
- if (!selfRefresh)
- return;
- if (panelObj == null)
- {
- panelObj = GetMostClosePanel(go.transform);
- }
- if (panelObj != null)
- {
- panelObj.GetComponent<UIPanel>().enabled = false;
- panelObj.GetComponent<UIPanel>().enabled = true;
- go.SetActive(false);
- go.SetActive(true);
- }
- }
主程序调用方法
- using UnityEngine;
- using System.Collections;
- public class ChangeColorExample : MonoBehaviour {
- private UISprite m_kSprite;
- void Start ()
- {
- GameObject obj = GameObject.Find("Root/Camera/Anchor/Panel/Sprite");
- m_kSprite = obj.GetComponent<UISprite>();
- void Update()
- {
- if (Input.GetKeyUp(KeyCode.R))
- {
- m_kSprite.ShowAsRed();
- }
- else if (Input.GetKeyUp(KeyCode.G))
- {
- m_kSprite.ShowAsGreen();
- }
- else if (Input.GetKeyUp(KeyCode.B))
- {
- m_kSprite.ShowAsBlue();
- }
- else if (Input.GetKeyUp(KeyCode.Y))
- {
- m_kSprite.ShowAsGray();
- }
- }
核心的代码部分如上图所看到的,这样就能够通过按键rgby来切换染红绿蓝灰的效果。
效果如上面第一幅图所看到的。
总结,用程序来实现动态染色能够高度复用资源,节省空间大小。
可是资源的划分须要注意的一点是,假设在一个UIPanel里面有两个不同图集须要用同一个材质进行染色,那么会出现当中的一个出现纹理错乱的现象。眼下的解决方式是做多一个颜色值同样的材质。不同的图集用不同的染色材质,这样能够解决上面说的纹理错乱现象。
还有一个方法是设法把不同的图集弄到一块。这样也能够避免这个问题。
unity游戏开发之NGUI的UISprite染色的更多相关文章
- Unity游戏开发之“屏幕截图”
原地址:http://sygame.lofter.com/post/117105_791680 在unity游戏开发中,可能会遇到在游戏中截屏的效果.这儿提供两种截屏方法.(方法二提供显示截图缩略图代 ...
- Unity游戏开发之C#快速入门
C#是微软团队在开发.NET框架时开发的,它的构想接近于C.C++,也和JAVA十分相似,有许多强大的编程功能. 个人感受是C#吸收了众多编程语言的优点,从中可以看到C.C++.Java.Javasc ...
- unity游戏开发之entitas框架
框架介绍 entitas是一个超快.超轻量的c# Entity-Component-System (ECS)框架,专门为Unity引擎设计.提供内部缓存和高速的组件访问,经过精心设计,可以在垃圾收集环 ...
- Unity游戏开发之“分层碰撞”
有没有同学遇到过这样的情况:在游戏开发3D游戏中非经常见,比方让一个物体能穿过一个物体 而还有一个物体不能穿过这个物体,并且3个物体都不能穿过地面.在unity中这样的情况的处理是通过分层碰撞来解决的 ...
- [整理]Unity3D游戏开发之Lua
原文1:[Unity3D]Unity3D游戏开发之Lua与游戏的不解之缘(上) 各位朋友,大家好,我是秦元培,欢迎大家关注我的博客,我地博客地址是blog.csdn.net/qinyuanpei.如果 ...
- [Unity3D]Unity3D游戏开发之Lua与游戏的不解之缘终结篇:UniLua热更新全然解读
---------------------------------------------------------------------------------------------------- ...
- [Unity3D]Unity3D游戏开发之从Unity3D到Eclipse
---------------------------------------------------------------------------------------------------- ...
- [Unity3D]Unity3D游戏开发之Lua与游戏的不解之缘(下)
---------------------------------------------------------------------------------------------------- ...
- Cocos2d-x 3.x游戏开发之旅
Cocos2d-x 3.x游戏开发之旅 钟迪龙 著 ISBN 978-7-121-24276-2 2014年10月出版 定价:79.00元 516页 16开 内容提要 <Cocos2d-x ...
随机推荐
- Sudoku(dfs)
http://poj.org/problem?id=2676 填九宫格 思路:将每一行,每一列及每一个3*3块中出现的数字标记上,将可填的空的位置记录下来,枚举1-9,填入合适的数. #include ...
- python 线程池和锁
一.死锁现象与递归锁 锁:Lock线程安全,多线程操作时,内部会让所有线程排队处理.如:list/dict/Queue 线程不安全 + 人 => 排队处理. import thre ...
- Android学习——数据存储之文件存储
将数据存储到文件中并读取数据 1.新建FilePersistenceTest项目,并修改activity_main.xml中的代码,如下:(只加入了EditText,用于输入文本内容,不管输入什么按下 ...
- centos开机运行级别更改
1.使用命令切换运行级别/目标 # systemctl isolate multi-user.target //切换到运行级别3,该命令对下次启动无影响,等价于telinit 3 # systemct ...
- OpenCV:OpenCV中的 parallel_for 和opencv parallel_for_
OpenCV使用OMP完成并行运算,在使用AdaBoost检测的时候,在cascadedetect.cpp 里面,大量使用 parallel_for_(Range(0, stripCount), Ca ...
- **ML : ML中的最优化方法
前言: 在机器学习方法中,若模型理解为决策模型,有些模型可以使用解析方法.不过更一般的对模型的求解使用优化的方法,更多的数据可以得到更多的精度. AI中基于归纳的方法延 ...
- C# 前一个数是后一个数的父级
private void button2_Click(object sender, EventArgs e) { var str = "1 2 3 4 5 6 7 8 9 10 11 12 ...
- :before和:after结合使用
<div class="slider-block" id="block" style="left: 15.5px;" data=&qu ...
- 02 java学习安装jdk及其环境配置
SUN公司1995年正式推出的一款语言 其实之前,Sun公司1991年,James Gosling等人就开始开发Oak语言,希望用于控制嵌入有效电视交换盒,1994年更名为Java,之前来自 与jav ...
- PAT_A1119 Pre- and Post-order Traversals
Source: PAT A1119 Pre- and Post-order Traversals (30 分) Description: Suppose that all the keys in a ...