UnityShader3實(shí)現(xiàn)2D描邊效果
更新時(shí)間：2019年02月22日 17:14:37 作者：lyh916
這篇文章主要為大家詳細(xì)介紹了UnityShader3實(shí)現(xiàn)2D描邊效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了UnityShader3實(shí)現(xiàn)2D描邊效果的具體代碼，供大家參考，具體內(nèi)容如下
1.
Shader "Custom/Edge"
{
Properties
{
_MainTex ("Texture", 2D) = "white" {}
_OffsetUV ("OffsetUV", Range(0, 1)) = 0.1
_EdgeColor ("EdgeColor", Color) = (1, 0, 0, 1)
_AlphaTreshold ("Treshold", Range(0, 1)) = 0.5
}
SubShader
{
Tags { "Queue" = "Transparent" }
Blend SrcAlpha OneMinusSrcAlpha
Pass
{
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"
struct appdata
{
float4 vertex : POSITION;
fixed2 uv : TEXCOORD0;
};
struct v2f
{
float4 vertex : SV_POSITION;
fixed2 uv[5] : TEXCOORD0;
};
sampler2D _MainTex;
float4 _MainTex_ST;
fixed _OffsetUV;
fixed4 _EdgeColor;
fixed _AlphaTreshold;
v2f vert (appdata v)
{
v2f o;
o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
o.uv[0] = v.uv;
o.uv[1] = v.uv + fixed2(0, _OffsetUV); //up
o.uv[2] = v.uv + fixed2(-_OffsetUV, 0); //left
o.uv[3] = v.uv + fixed2(0, -_OffsetUV); //bottom
o.uv[4] = v.uv + fixed2(_OffsetUV, 0); //right
return o;
}
fixed4 frag (v2f i) : SV_Target
{
fixed4 original = tex2D(_MainTex, i.uv[0]);
fixed alpha = original.a;
fixed p1 = tex2D(_MainTex, i.uv[1]).a;
fixed p2 = tex2D(_MainTex, i.uv[2]).a;
fixed p3 = tex2D(_MainTex, i.uv[3]).a;
fixed p4 = tex2D(_MainTex, i.uv[4]).a;
alpha = p1 + p2 + p3 + p4 + alpha;
alpha /= 5;
if (alpha < _AlphaTreshold) original.rgb = _EdgeColor.rgb;
return original;
}
ENDCG
}
}
}
2.
Shader "Custom/Edge"
{
Properties
{
_Edge ("Edge", Range(0, 0.2)) = 0.043
_EdgeColor ("EdgeColor", Color) = (1, 1, 1, 1)
_MainTex ("MainTex", 2D) = "white" {}
}
SubShader
{
Pass
{
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"
fixed _Edge;
fixed4 _EdgeColor;
sampler2D _MainTex;
struct appdata
{
float4 vertex : POSITION;
fixed2 uv : TEXCOORD0;
};
struct v2f
{
float4 vertex : SV_POSITION;
float4 objVertex : TEXCOORD0;
fixed2 uv : TEXCOORD1;
};
v2f vert (appdata v)
{
v2f o;
o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
o.objVertex = v.vertex;
o.uv = v.uv;
return o;
}
fixed4 frag (v2f i) : SV_Target
{
fixed x = i.uv.x;
fixed y = i.uv.y;
if((x < _Edge) || (abs(1 - x) < _Edge) || (y < _Edge) || (abs(1 - y) < _Edge))
{
return _EdgeColor * abs(cos(_Time.y));
}
else
{
fixed4 color = tex2D(_MainTex, i.uv);
return color;
}
//return i.objVertex;
//return fixed4(i.uv, 0, 1);
}
ENDCG
}
}
}
3.如下圖，左邊是一個(gè)Image，右邊是一個(gè)Plane。
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'
Shader "Custom/Edge"
{
Properties
{
_Edge ("Edge", Range(0, 0.2)) = 0.043
_EdgeColor ("EdgeColor", Color) = (1, 1, 1, 1)
_FlowColor ("FlowColor", Color) = (1, 1, 1, 1)
_FlowSpeed ("FlowSpeed", Range(0, 10)) = 3
_MainTex ("MainTex", 2D) = "white" {}
}
SubShader
{
Tags { "Queue"="Transparent" "RenderType"="Transparent" "IgnoreProjector"="True" }
Pass
{
ZWrite Off
Blend SrcAlpha OneMinusSrcAlpha
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"
fixed _Edge;
fixed4 _EdgeColor;
fixed4 _FlowColor;
float _FlowSpeed;
sampler2D _MainTex;
struct appdata
{
float4 vertex : POSITION;
fixed2 uv : TEXCOORD0;
};
struct v2f
{
float4 vertex : SV_POSITION;
fixed2 uv : TEXCOORD1;
};
v2f vert (appdata v)
{
v2f o;
o.vertex = UnityObjectToClipPos(v.vertex);
o.uv = v.uv;
return o;
}
fixed4 frag (v2f i) : SV_Target
{
fixed x = i.uv.x;
fixed y = i.uv.y;
if((x < _Edge) || (abs(1 - x) < _Edge) || (y < _Edge) || (abs(1 - y) < _Edge))
{
//點(diǎn)旋轉(zhuǎn)公式：
//假設(shè)對(duì)圖片上任意點(diǎn)(x,y)，繞一個(gè)坐標(biāo)點(diǎn)(rx0,ry0)逆時(shí)針旋轉(zhuǎn)a角度后的新的坐標(biāo)設(shè)為(x0,y0)，有公式：
//x0 = (x - rx0) * cos(a) - (y - ry0) * sin(a) + rx0 ;
//y0 = (x - rx0) * sin(a) + (y - ry0) * cos(a) + ry0 ;
float a = _Time.y * _FlowSpeed;
float2 rotUV;
x -= 0.5;
y -= 0.5;
rotUV.x = x * cos(a) - y * sin(a) + 0.5;
rotUV.y = x * sin(a) + y * cos(a) + 0.5;
fixed temp = saturate(rotUV.x - 0.5);//-0.5作用是調(diào)整流動(dòng)顏色的比例
return _EdgeColor * (1 - temp) + _FlowColor * temp;
}
else
{
//fixed4 color = tex2D(_MainTex, i.uv);
return fixed4(1, 1, 1, 0);
}
}
ENDCG
}
}
}
4.通過觀察上面的效果圖，會(huì)發(fā)現(xiàn)右邊的Plane出現(xiàn)了鋸齒。而解決鋸齒一般的方法就是做模糊處理，模糊處理一般又有貼圖處理和代碼處理之分，這里使用的是貼圖處理。貼圖處理需要提供一張邊界模糊的貼圖。
如上圖，左下是內(nèi)邊反鋸齒的圖，右上是未經(jīng)處理的圖。
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'
Shader "Custom/Edge2"
{
Properties
{
_Edge ("Edge", Range(0, 0.2)) = 0.043
_EdgeColor ("EdgeColor", Color) = (1, 1, 1, 1)
_FlowColor ("FlowColor", Color) = (1, 1, 1, 1)
_FlowSpeed ("FlowSpeed", Range(0, 10)) = 3
_MainTex ("MainTex", 2D) = "white" {}
}
SubShader
{
Tags { "Queue"="Transparent" "RenderType"="Transparent" "IgnoreProjector"="True" }
Pass
{
ZWrite Off
Blend SrcAlpha OneMinusSrcAlpha
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"
fixed _Edge;
fixed4 _EdgeColor;
fixed4 _FlowColor;
float _FlowSpeed;
sampler2D _MainTex;
struct appdata
{
float4 vertex : POSITION;
fixed2 uv : TEXCOORD0;
};
struct v2f
{
float4 vertex : SV_POSITION;
fixed2 uv : TEXCOORD1;
};
v2f vert (appdata v)
{
v2f o;
o.vertex = UnityObjectToClipPos(v.vertex);
o.uv = v.uv;
return o;
}
fixed4 frag (v2f i) : SV_Target
{
fixed4 color = tex2D(_MainTex, i.uv);
float alpha = color.a;
fixed x = i.uv.x;
fixed y = i.uv.y;
float a = _Time.y * _FlowSpeed;
float2 rotUV;
x -= 0.5;
y -= 0.5;
rotUV.x = x * cos(a) - y * sin(a) + 0.5;
rotUV.y = x * sin(a) + y * cos(a) + 0.5;
fixed temp = saturate(rotUV.x - 0.5);//-0.5作用是調(diào)整流動(dòng)顏色的比例
fixed4 finalColor = _EdgeColor * (1 - temp) + _FlowColor * temp;
finalColor.a = alpha;
return finalColor;
}
ENDCG
}
}
}
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了C# 使用Proxy代理請(qǐng)求資源的方法步驟，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
Unity實(shí)現(xiàn)紅酒識(shí)別的示例代碼
本文主要介紹了如何通過Unity實(shí)現(xiàn)紅酒識(shí)別，可以實(shí)現(xiàn)識(shí)別圖像中的紅酒標(biāo)簽，返回紅酒名稱、國(guó)家、產(chǎn)區(qū)、酒莊、類型、糖分、葡萄品種、酒品描述等信息，感興趣的可以學(xué)習(xí)一下2022-02-02
PDF中的水印注釋是一種獨(dú)特的注釋類型,它通常以透明的文本或圖片形式疊加在頁(yè)面內(nèi)容之上,為文檔添加標(biāo)識(shí)或信息提示,這篇博客將探討如何使用C# 在PDF文檔中添加和刪除水印注釋,感興趣的小伙伴跟著小編一起來看看吧2025-02-02
這篇文章主要為大家詳細(xì)介紹了C#利用VS中插件打包并發(fā)布winfrom程序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08
C#實(shí)現(xiàn)字符串模糊匹配的方法小結(jié)
在C#中實(shí)現(xiàn)字符串的模糊匹配可以借助正則表達(dá)式或者一些模糊匹配算法來實(shí)現(xiàn),文章通過代碼示例講解的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-07-07
關(guān)于C#操作文件路徑(Directory)的常用靜態(tài)方法詳解
這篇文章主要給大家介紹了關(guān)于C#操作文件路徑(Directory)的常用靜態(tài)方法,Directory類位于System.IO 命名空間,Directory類提供了在目錄和子目錄中進(jìn)行創(chuàng)建移動(dòng)和列舉操作的靜態(tài)方法,需要的朋友可以參考下2021-08-08
本文主要介紹了c#中的泛型委托。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了unity 獲取button文本的內(nèi)容操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2021-04-04
C#實(shí)現(xiàn)WPS文件轉(zhuǎn)PDF格式的方法示例
這篇文章主要介紹了C#實(shí)現(xiàn)WPS文件轉(zhuǎn)PDF格式的方法,涉及C#針對(duì)office組件的相關(guān)引用與操作技巧,需要的朋友可以參考下2017-11-11
這篇文章主要為大家詳細(xì)介紹了C#語言使用Unity實(shí)現(xiàn)剪刀石頭布游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01