Unity中文字和图片混合

这几天遇到一个有趣的需求:一个旗子模型,要求在显示模型的时候将帮会Logo印在旗面上。

之前帮会Logo只存在于UI上,所以也用的是UI的实现方式,一个Label和一个Image底。模型上可能有动画,如旗子的随风飘扬什么的,所以不好在模型外单独加顶点。计划将Font纹理于原有旗子模型纹理混合。考虑到之前有规则,定义在帮会logo上的文字只能是一个,且只能是中文,感觉还是有得做的。

这里踩过一个坑是CharacterInfo返回的文字的朝向是不一致的,比如这样:

ttf生成的文字纹理

“金”和“帮”这两个字在动态生成时的朝向不一样,这种情况在UI上时可以调整顶点的位置来确定,在这里需要通过shader来处理。

fixed4 ChangeFontColor(fixed4 finalColor, float2 uv)
{
	float2 nUV = uv;
	nUV = (nUV - float2(0.5, 0.5)) * _FontTex_ST.xy + float2(0.5, 0.5);
	nUV = (nUV + _FontTex_ST.zw);
	if (nUV.x < 0 || nUV.y < 0 || nUV.x>1 || nUV.y>1)
	{
	}
	else
	{
	    if (_Flag == 0)
	    {
	        float x = nUV.x * (_FontTex_RG.z - _FontTex_RG.x) + _FontTex_RG.x; 
		float y = nUV.y * (_FontTex_RG.w - _FontTex_RG.y) + _FontTex_RG.y;
		float2 newUV = float2(x, y);
		fixed4 fontColor = tex2D(_FontTex, newUV);
		finalColor = finalColor * (1 - fontColor.a) + _FontColor * fontColor.a;
	    }
	    else
	    {
		float x = nUV.y * (_FontTex_RG.z - _FontTex_RG.x) + _FontTex_RG.x;
		float y = nUV.x * (_FontTex_RG.y - _FontTex_RG.w) + _FontTex_RG.w;
		float2 newUV = float2(x, y);
		fixed4 fontColor = tex2D(_FontTex, newUV);
		finalColor = finalColor * (1 - fontColor.a) + _FontColor * fontColor.a;
	    }
	}
	return finalColor;
}

  

posted on 2021-07-08 18:24  毛尹航  阅读(388)  评论(0编辑  收藏  举报