devbox
你好赵伟
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

unity 代码边缘发光_Unity Shader 漫反射/高光反射/卡通渲染 基础通用着色器代码...

作者：你好赵伟 | 2024-02-18 19:59:09

赞

踩

unity带法线,阴影,高光的shader源码

Unity Shader Diffuse / Specular / Cartoon 基础通用着色器代码分享

我们知道Unity3D已经给出了几种不同的shader模板，比较常用的就是Standard Surface Shader和Unlit Shader。

前者是Unity自己把着色器代码封装起来，里面内嵌了SurfaceOutput结构体等内容来方便程序员去使用他。但是由于高度封装我们想要修改一些个性化效果就需要去查看源代码，这对于初学者来说是比较困难的 。

后者是Unity给出的标准顶点片元着色器代码，你可以在他的代码框架上加入各种东西来丰富shader效果。就像是Unity给了你一张白纸，你需要自己找笔来画画。

初学阶段我主要用顶点片元着色器来学习，而在材质编写中 最常用到着色器是去修改光照效果，即在基础的光照模型（漫反射和高光反射）上做文章，同时很多别的效果也都需要光照作为基础。由于我打字比较慢....最近在写shader的时候都要花一点时间重新在unlit shader上获取物体世界坐标，世界空间下的光源坐标，然后再写一遍漫反射的公式等这种很机械的工作（建议初学者还是多写几十遍加深印象），那样就之前突然有的点子在花几分钟敲完这些之后就没了（菜。我知道可以写一个CGInclude文件保存写好的光照模型然后调用，具体看女神的这篇，但是我更喜欢写代码的时候在一个文件看到各种量给我灵感（又菜又矫情。

【Unity Shaders】使用CgInclude让你的Shader模块化--创建CgInclude文件存储光照模型​blog.csdn.net
7d08acca7364b6259587ca18c58b544c.png

所以综上，我用顶点片元shader写了三个通用着色器代码，并把文件分享出来，只有一些必要变量。用的时候下载下来拖进unity工程里，等于右键新建一个Unlit Diffuse Shader / Unlit Specular Shader / Unlit Cartoon Shader。哈哈这样我直接把笔找好了，你画就完了。

文件下载地址：

链接： https:// pan.baidu.com/s/1hbzyNc G1y2NLFnJ8ak9OeQ
提取码：ybwx

同时我的代码也很适合初学者学习光照模型和简单的卡通渲染原理。我会把简单的原理写上，趁机再复习一遍。

先说光照模型，一张图解释基础光照。（图源闫令琪老师的GAMES101 Lecture8 这课无敌

7be4fb39dec37added4b5572889b764f.png

最简单的光照就是场景环境光+漫反射光+高光反射，Unity对应的是这样的

13c629e557be200a96458fbf7fcf2d2b.png

Unity中环境光是通过直接获取得到的，先获取 "Lighting.cginc" 文件，通过一个变量保存。

fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;

漫反射是在获得了世界空间下的顶点法线和世界空间下的光源位置向量通过点乘得到的。我们把他放到片元着色器中逐像素计算。

  1. float3 worldNormal = normalize(i.worldNormal); //world normal dir
  2. fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);  // world light dir
  3.  
  4. float NdotL = dot(worldNormal , worldLightDir); //NdotL : 法线方向点乘光照方向 
  5. fixed3 diffuse = saturate(NdotL) * _DiffuseCol.rgb * _LightColor0.rgb ;

高光反射是使用了BlinnPhong模型，计算出世界空间下的视角方向和光源方向相加去模后的半角向量后与世界空间下的顶点法线点乘。同样放在片元着色器中计算。

  1. fixed3 worldPos = (i.worldPos); //注意 不要normalize,会出错
  2. float3 worldNormal = normalize(i.worldNormal); //world normal dir
  3. fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);  // world light dir
  4. fixed3 worldViewDir = normalize(_WorldSpaceCameraPos.xyz - worldPos); //world view dir 
  5.  
  6. float3 halfDir = normalize( worldLightDir + worldViewDir ); 
  7.  
  8. float NdotH = max(0 , dot(halfDir , worldNormal));	
  9. float NdotL = dot(worldNormal , worldLightDir); //NdotL : 法线方向点乘光照方向 
  10. fixed3 specular = pow((NdotH) , _Gloss) * _SpecularCol.rgb;

最终加一起并且输出，就可以了。

fixed3 ads = diffuse + specular + ambient ;

接着说卡通渲染

相较于之前的光照模型，卡渲多的是梯度光照和边缘光。这里边缘光用的是视角方向和法线的点乘后进行的线性变化，具体是这篇博客。这里没加描边，大多数描边的做法是渲染背面，然后延法线扩展。

Unity Toon Shader 卡通着色器（一）：卡通着色​sorumi.xyz
91d95b3dae4dc791064acc4410baac35.png

边缘光：

  1. float rim = (1 - NdotV) * NdotL;
  2. rim = smoothstep(_RimArea - _RimSmooth * 0.5, _RimArea + _RimSmooth * 0.5, rim);
  3. float3 rimCol = rim * _RimCol;

6f384eb807acb16d40be9b60d30550a7.png

漫反射高光颜色和漫反射阴影颜色，这里选择可以直接控制颜色，用lerp来线性变换。

  1. float4 diffCol = lerp(_DiffuseShadowCol ,_DiffuseHighLightCol, diff);
  2. //fixed3 diffuse = saturate(diff)*_DiffuseCol.rgb * _LightColor0.rgb ;

漫反射梯度和平滑度的控制：

float diff = floor(NdotL * _Step) / _Step ;

2bad0ffa48ca893fe30583d9381b9e27.gif

下面贴上三个文件的完整代码：

漫反射：

  1. Shader "Unlit/Unlit Diffuse Shader"
  2. {
  3.     Properties
  4.     {
  5. 		_DiffuseCol("Diffuse",COLOR) = (1,1,1,1)
  6.     }
  7.     SubShader
  8.     {
  9.         Tags { "RenderType"="Opaque" }
  10.         LOD 100
  11.  
  12.         Pass
  13.         {
  14.             CGPROGRAM
  15.             #pragma vertex vert
  16.             #pragma fragment frag
  17.  
  18. 			#include "Lighting.cginc"
  19.  
  20.             struct appdata
  21.             {
  22.                 float4 vertex : POSITION;
  23. 		float3 normal : NORMAL;
  24.             };
  25.  
  26.             struct v2f
  27.             {
  28.                 float4 vertex : SV_POSITION;
  29. 		float3 worldNormal : TEXCOORD0;
  30.             };
  31.  
  32.  
  33. 		fixed4 _DiffuseCol;
  34. 		fixed _Step;
  35.  
  36.             v2f vert (appdata v)
  37.             {
  38.                 v2f o;
  39.                 o.vertex = UnityObjectToClipPos(v.vertex);
  40. 		o.worldNormal = mul(v.normal, unity_WorldToObject);
  41.                 return o;
  42.             }
  43.  
  44.             fixed4 frag (v2f i) : SV_Target
  45.             {
  46. 		float3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
  47. 		float3 worldNormal = normalize(i.worldNormal); //world normal dir
  48. 		fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);  // world light dir
  49.  
  50. 		float NdotL = dot(worldNormal , worldLightDir); //NdotL : 法线方向点乘光照方向 
  51.  
  52. 		fixed3 diffuse = saturate(NdotL) * _DiffuseCol.rgb * _LightColor0.rgb ;
  53. 		fixed3 ad = diffuse + ambient;
  54. 		fixed4 col = fixed4( diffuse  , 1 );
  55.  
  56. 		return col;
  57.             }
  58.             ENDCG
  59.         }
  60.     }
  61. }

高光反射：

  1. Shader "Unlit/Unlit Specular Shader"
  2. {
  3.     Properties
  4.     {
  5.         _DiffuseCol("Diffuse",COLOR) = (1,1,1,1)
  6. 	_SpecularCol("Specular" , COLOR) = (1,1,1,1)
  7. 	_Gloss("Gloss",Range(8.0,256)) = 20
  8.     }
  9.     SubShader
  10.     {
  11.         Tags { "RenderType"="Opaque" }
  12.         LOD 100
  13.  
  14.         Pass
  15.         {
  16.             CGPROGRAM
  17.             #pragma vertex vert
  18.             #pragma fragment frag
  19.  
  20. 			#include "Lighting.cginc"
  21.  
  22.             struct appdata
  23.             {
  24.                 float4 vertex : POSITION;
  25. 		float3 normal : NORMAL;
  26.             };
  27.  
  28.             struct v2f
  29.             {
  30.                 float4 vertex : SV_POSITION;
  31. 		float3 worldNormal : TEXCOORD0;
  32. 		float3 worldPos : TEXCOORD1;
  33.             };
  34.  
  35.  
  36. 		fixed4 _DiffuseCol;
  37. 		fixed4 _SpecularCol;
  38. 		fixed _Gloss;
  39.  
  40.             v2f vert (appdata v)
  41.             {
  42.                 v2f o;
  43.                 o.vertex = UnityObjectToClipPos(v.vertex);
  44. 		o.worldNormal = mul(v.normal, unity_WorldToObject);
  45. 		o.worldPos = mul(unity_ObjectToWorld , v.vertex);
  46.                 return o;
  47.             }
  48.  
  49.             fixed4 frag (v2f i) : SV_Target
  50.             {
  51. 		fixed3 worldPos = (i.worldPos); //注意 不要normalize,会出错
  52. 		float3 worldNormal = normalize(i.worldNormal); //world normal dir
  53. 		fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);  // world light dir
  54. 		fixed3 worldViewDir = normalize(_WorldSpaceCameraPos.xyz - worldPos); //world view dir 
  55.  
  56. 		float3 halfDir = normalize( worldLightDir + worldViewDir ); 
  57.  
  58. 		float NdotH = max(0 , dot(halfDir , worldNormal));	
  59. 		float NdotL = dot(worldNormal , worldLightDir); //NdotL : 法线方向点乘光照方向 
  60. 				
  61. 		fixed3 diffuse = saturate(NdotL) * _DiffuseCol.rgb *  _LightColor0.rgb ;
  62. 		fixed3 specular = pow((NdotH) , _Gloss) * _SpecularCol.rgb;
  63. 		fixed3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
  64.  
  65.  
  66. 		fixed3 ads = diffuse + specular + ambient ;
  67. 		fixed4 col = fixed4( ads  , 1 );
  68.  
  69. 		return col;
  70.             }
  71.             ENDCG
  72.         }
  73.     }
  74. }

卡通渲染：

  1. Shader "Unlit/Unlit Cartoon Shader"
  2. {
  3.     Properties
  4.     {
  5. 		_DiffuseHighLightCol("DiffuseHighLightCol",COLOR) = (1,1,1,1)
  6. 		_DiffuseShadowCol("DiffuseShadowCol",COLOR) = (1,1,1,1)
  7. 		_Step("Step" , Range(1,10)) = 3
  8. 		_DiffuseSmooth("DiffSmooth" , Range(0,1)) = 0.5
  9.  
  10. 		_SpecularCol("Specular" , COLOR) = (1,1,1,1)
  11. 		_Gloss("Gloss",Range(8.0,256)) = 20
  12. 		_SpecSmooth("SpecSmooth" , Range(0,1)) = 0.5
  13.  
  14. 		_RimCol("Rim" , COLOR) = (1,1,1,1)
  15. 		_RimArea("RimArea" , Range(0,1)) = 0.5
  16. 		_RimSmooth("RimSmooth" , Range(0,1)) = 0.5
  17.     }
  18.     SubShader
  19.     {
  20.         Tags { "RenderType"="Opaque" }
  21.         LOD 100
  22.  
  23.         Pass
  24.         {
  25.             CGPROGRAM
  26.             #pragma vertex vert
  27.             #pragma fragment frag
  28.  
  29.             #include "UnityCG.cginc"
  30. 	    #include "Lighting.cginc"
  31.  
  32.             struct appdata
  33.             {
  34.                 float4 vertex : POSITION;
  35. 		float3 normal : NORMAL;
  36.             };
  37.  
  38.             struct v2f
  39.             {
  40.                 float4 vertex : SV_POSITION;
  41. 		float3 worldNormal : TEXCOORD0;
  42. 		float3 worldPos : TEXCOORD1;
  43.             };
  44.  
  45. 			fixed4 _DiffuseHighLightCol;
  46. 			float4 _DiffuseShadowCol;
  47. 			float _DiffuseSmooth;
  48.  
  49.  
  50. 			fixed4 _SpecularCol;
  51. 			fixed _Gloss;
  52. 			float _SpecSmooth;
  53.  
  54.  
  55.  
  56. 			float4 _RimCol;
  57. 			float _RimArea;
  58. 			float _RimSmooth;
  59.  
  60. 			fixed _Step;
  61.  
  62.             v2f vert (appdata v)
  63.             {
  64.                 v2f o;
  65.                 o.vertex = UnityObjectToClipPos(v.vertex);
  66. 		o.worldNormal = mul(v.normal, unity_WorldToObject);
  67. 		o.worldPos = mul(unity_ObjectToWorld , v.vertex);
  68.                 return o;
  69.             }
  70.  
  71.             fixed4 frag (v2f i) : SV_Target
  72.             {
  73. 				fixed3 worldPos = (i.worldPos); //注意 不要normalize,会出错
  74. 				float3 worldNormal = normalize(i.worldNormal); //world normal dir
  75. 				fixed3 worldLightDir = normalize(_WorldSpaceLightPos0.xyz);  // world light dir
  76. 				fixed3 worldViewDir = normalize(_WorldSpaceCameraPos.xyz - worldPos); //world view dir 
  77.  
  78. 				float3 halfDir = normalize( worldLightDir + worldViewDir ); 
  79.  
  80. 				float NdotH = max(0 , dot(halfDir , worldNormal));	
  81. 				float NdotL = dot(worldNormal , worldLightDir); //NdotL : 法线方向点乘光照方向 
  82. 				float NdotV = dot(worldNormal , worldViewDir);
  83.  
  84. 			
  85. 				float diff = floor(NdotL * _Step) / _Step ;
  86. 				diff = lerp(diff , NdotL , _DiffuseSmooth);
  87. 				float4 diffCol = lerp(_DiffuseShadowCol ,_DiffuseHighLightCol, diff);
  88.                                 //fixed3 diffuse = saturate(diff)*_DiffuseCol.rgb * _LightColor0.rgb ;
  89. 				fixed3 diffuse = diffCol.rgb * _LightColor0.rgb ;
  90.  
  91. 				//smoothstep(float min, float max, float t);
  92. 				fixed3 specular =  pow((NdotH) , _Gloss)* _SpecularCol.rgb;
  93. 				specular = smoothstep(0.5 - _SpecSmooth * 0.5, 0.5 + _SpecSmooth * 0.5, specular);
  94.  
  95. 				float rim = (1 - NdotV) * NdotL;
  96. 				rim = smoothstep(_RimArea - _RimSmooth * 0.5, _RimArea + _RimSmooth * 0.5, rim);
  97. 				float3 rimCol = rim * _RimCol;
  98.  
  99. 				float3 ambient = UNITY_LIGHTMODEL_AMBIENT.xyz;
  100.  
  101. 				fixed3 ads = diffuse + ambient + specular ;
  102. 				fixed4 col = fixed4( ads + rimCol  , 1 );
  103.  
  104. 				return col;
  105.             }
  106.             ENDCG
  107.         }
  108.     }
  109. }

谢谢！

2020.10.25

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/110197
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号