UnityShader3實(shí)現(xiàn)彩光效果

來(lái)源：本站原創(chuàng)|時(shí)間：2020-01-10|欄目：C#教程|點(diǎn)擊：次

本文實(shí)例為大家分享了UnityShader3實(shí)現(xiàn)彩光效果展示的具體代碼，供大家參考，具體內(nèi)容如下

參考鏈接：【OpenGL】Shader實(shí)例分析（八）- 彩色光圈

效果圖：

這里我把它分三部分實(shí)現(xiàn)：1.彩色 2.光圈 3.動(dòng)畫

1.先實(shí)現(xiàn)彩色效果。分析一下那張彩色圖，它是以中心為原點(diǎn)的，然后顏色分為三部分，如下圖。當(dāng)角度為90度時(shí)，藍(lán)色最多；當(dāng)角度為-150度時(shí)，紅色最多；當(dāng)角度為-30度時(shí)，綠色最多。然后其他地方就是三色混合。

Shader "Custom/Colors"
{
 Properties
 {
 _AngleRange ("AngleRange", Range(60, 120)) = 60
 }
 SubShader
 {
 Pass
 {
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment frag
 #include "UnityCG.cginc"
 
 #define PI 3.142
 
 struct appdata
 {
 float4 vertex : POSITION;
 };
 
 struct v2f
 { 
 float4 vertex : SV_POSITION;
 float4 scrPos : TEXCOORD0;
 };
 
 half _AngleRange;
 
 v2f vert (appdata v)
 {
 v2f o;
 o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
 o.scrPos = ComputeScreenPos(o.vertex);
 
 return o;
 }
 
 fixed4 frag (v2f i) : SV_Target
 {
 //范圍在(0, 1) 
 float2 wcoord = i.scrPos.xy / i.scrPos.w; 
 //映射到(-1, 1)，即屏幕中心為(0, 0) 
 wcoord = wcoord * 2 - 1; 
 //atan2(y, x)：反正切，y/x的反正切范圍在[-π, π]內(nèi) 
 float radian = atan2(wcoord.y, wcoord.x); 
 //1度(°)=0.017弧度(rad)
 //1弧度(rad)=57.29578度(°)
 float angle = radian * 57.3;
 //映射到(0, 360)
 if(angle < 0) angle = 360 + angle;
 
 fixed b = 1 - saturate(abs(angle - 90) / _AngleRange);
 fixed g;
 if(angle > 180) g = 1 - saturate(abs(angle - 330) / _AngleRange); 
 else g = 1 - saturate((angle + 30) / _AngleRange);
 fixed r = 1 - saturate(abs(angle - 210) / _AngleRange);
 
 return fixed4(r, g, b, 1);
 }
 ENDCG
 }
 }
}

2.先說(shuō)一下1 / (xxx)這個(gè)式子的強(qiáng)大，它實(shí)現(xiàn)的效果，往往會(huì)帶有光暈效果。其中第六個(gè)就是我們想要實(shí)現(xiàn)的光圈效果。

Shader "Custom/Test"
{
 Properties
 {
 _Value ("Value", Range(1, 50)) = 1
 }
 SubShader
 {
 Pass
 {
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment frag
 #include "UnityCG.cginc"
 
 struct appdata
 {
 float4 vertex : POSITION;
 float2 uv : TEXCOORD0;
 };
 
 struct v2f
 { 
 float4 vertex : SV_POSITION;
 float2 uv : TEXCOORD0;
 };
 
 half _Value;
 
 v2f vert (appdata v)
 {
 v2f o;
 o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
 o.uv = v.uv;
 return o;
 }
 
 fixed4 frag (v2f i) : SV_Target
 {
 //映射到(-1, 1)，使其中心點(diǎn)為原點(diǎn)
 float2 uv = i.uv * 2 - float2(1, 1);
 float v;
 
 //v = 1 / abs(_Value * uv.y);//1
 //v = 1 / abs(_Value * (uv.y + uv.x));//2
 //v = 1 / abs(_Value * (uv.y + 2 * uv.x));//3
 //v = 1 / abs(_Value * (abs(uv.y) + abs(uv.x)));//4
 //v = 1 / abs(_Value * length(uv));//5
 //v = 1 / abs(_Value * abs(length(uv) - 0.5));//6
 v = 1 / abs(_Value * abs(uv.x / uv.y));//7 x越小y越大，則越亮
 
 return fixed4(v, v, v, 1);
 }
 ENDCG
 }
 }
}

3.動(dòng)畫。這里我做的效果是基于角度的光線間隔效果，首先當(dāng)然就是計(jì)算角度了，間隔的實(shí)現(xiàn)就是fmod和step的使用。

Shader "Custom/Test"
{
 Properties
 {
 _Width ("Width", Range(30, 90)) = 45
 }
 SubShader
 {
 Pass
 {
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment frag
 #include "UnityCG.cginc"
 
 struct appdata
 {
 float4 vertex : POSITION;
 float2 uv : TEXCOORD0;
 };
 
 struct v2f
 { 
 float4 vertex : SV_POSITION;
 float2 uv : TEXCOORD0;
 };
 
 half _Width;
 
 v2f vert (appdata v)
 {
 v2f o;
 o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
 o.uv = v.uv;
 return o;
 }
 
 fixed4 frag (v2f i) : SV_Target
 {
 //映射到(-1, 1)，使其中心點(diǎn)為原點(diǎn)
 float2 uv = i.uv * 2 - float2(1, 1);
 
 float a = atan2(uv.y, uv.x);
 a *= 57.3;
 if(a < 0) a += 360;
 
 float b = fmod(a + _Time.y * 20, _Width);
 b = step(0.5 * _Width, b);
 
 return fixed4(b, b, b, 1);
 }
 ENDCG
 }
 }
}

4.最后當(dāng)然就是將它們?nèi)嘣谝黄鹆恕?/p>

Shader "Custom/Colors"
{
 Properties
 {
 _AngleRange ("AngleRange", Range(60, 120)) = 60
 _Width ("Width", Range(30, 90)) = 45 
 }
 SubShader
 {
 Pass
 {
 CGPROGRAM
 #pragma vertex vert
 #pragma fragment frag
 #include "UnityCG.cginc"
 
 #define PI 3.142
 
 struct appdata
 {
 float4 vertex : POSITION;
 float2 uv : TEXCOORD0;
 };
 
 struct v2f
 { 
 float4 vertex : SV_POSITION;
 float4 scrPos : TEXCOORD0;
 float2 uv : TEXCOORD1;
 };
 
 half _AngleRange;
 half _Width; 
 
 v2f vert (appdata v)
 {
 v2f o;
 o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
 o.scrPos = ComputeScreenPos(o.vertex);
 o.uv = v.uv; 
 
 return o;
 }
 
 fixed4 frag (v2f i) : SV_Target
 {
 //1.彩色
 
 //范圍在(0, 1) 
 float2 wcoord = i.scrPos.xy / i.scrPos.w; 
 //映射到(-1, 1)，即屏幕中心為(0, 0) 
 wcoord = wcoord * 2 - 1; 
 //atan2(y, x)：反正切，y/x的反正切范圍在[-π, π]內(nèi) 
 float radian = atan2(wcoord.y, wcoord.x); 
 //1度(°)=0.017弧度(rad)
 //1弧度(rad)=57.29578度(°)
 float angle = radian * 57.3;
 //映射到(0, 360)
 if(angle < 0) angle = 360 + angle;
 
 fixed b = 1 - saturate(abs(angle - 90) / _AngleRange);
 fixed g;
 if(angle > 180) g = 1 - saturate(abs(angle - 330) / _AngleRange); 
 else g = 1 - saturate((angle + 30) / _AngleRange);
 fixed r = 1 - saturate(abs(angle - 210) / _AngleRange);
 
 //2.光圈
 
 //映射到(-1, 1)，使其中心點(diǎn)為原點(diǎn) 
 float2 uv = i.uv * 2 - float2(1, 1); 
 float v = 1 / abs(30 * abs(length(uv) - 0.3));
 
 //3.轉(zhuǎn)動(dòng)
 
 float a = atan2(uv.y, uv.x); 
 a *= 57.3; 
 if(a < 0) a += 360; 
 
 float aa = fmod(a + _Time.y * 20, _Width); 
 aa = step(0.5 * _Width, aa); 
 
 //////////////////////
 //////////////////////
 if(length(uv) < 0.3) return fixed4(0, 0, 0, 1);
 return fixed4(r, g, b, 1) * aa + fixed4(v, v, v, 1);
 }
 ENDCG
 }
 }
}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持我們。

上一篇：Unity3D使用右鍵菜單打開工程

欄目：C#教程

下一篇：Unity3D使用GL實(shí)現(xiàn)圖案解鎖功能

本文標(biāo)題：UnityShader3實(shí)現(xiàn)彩光效果

本文地址：http://www.jygsgssxh.com/a1/C_jiaocheng/4846.html

更多C#教程

雷火电竞-中国电竞赛事及体育赛事平台

C#教程

UnityShader3實(shí)現(xiàn)彩光效果

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀