使用UnityShader3怎么实现彩光效果-创新互联

这期内容当中小编将会给大家带来有关使用UnityShader3怎么实现彩光效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站制作、网站建设、三水网络推广、微信小程序开发、三水网络营销、三水企业策划、三水品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们大的嘉奖;创新互联公司为所有大学生创业者提供三水建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
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的反正切范围在[-π, π]内 
 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
 }
 }
}

使用UnityShader3怎么实现彩光效果

2.先说一下1 / (xxx)这个式子的强大,它实现的效果,往往会带有光晕效果。其中第六个就是我们想要实现的光圈效果。

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),使其中心点为原点
 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
 }
 }
}

使用UnityShader3怎么实现彩光效果

使用UnityShader3怎么实现彩光效果

使用UnityShader3怎么实现彩光效果

使用UnityShader3怎么实现彩光效果

使用UnityShader3怎么实现彩光效果

使用UnityShader3怎么实现彩光效果

使用UnityShader3怎么实现彩光效果

3.动画。这里我做的效果是基于角度的光线间隔效果,首先当然就是计算角度了,间隔的实现就是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),使其中心点为原点
 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
 }
 }
}

>使用UnityShader3怎么实现彩光效果

4.最后当然就是将它们揉在一起了。

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的反正切范围在[-π, π]内 
 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),使其中心点为原点 
 float2 uv = i.uv * 2 - float2(1, 1); 
 float v = 1 / abs(30 * abs(length(uv) - 0.3));
 
 //3.转动
 
 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
 }
 }
}

上述就是小编为大家分享的使用UnityShader3怎么实现彩光效果了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联成都网站设计公司行业资讯频道。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


新闻标题:使用UnityShader3怎么实现彩光效果-创新互联
分享链接:http://bzwzjz.com/article/deihed.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都网站建设 成都网站设计 营销型网站建设 商城网站建设 阿坝网站设计 成都网站建设公司 成都网站制作 成都网站设计 网站设计 四川成都网站设计 成都网站建设 重庆网站制作 成都网站设计 手机网站制作 网站建设方案 成都品牌网站设计 外贸网站建设 宜宾网站设计 重庆网站建设 成都网站建设公司 成都网站建设流程