Shader食谱 Chapter3--Toonshader卡通效果

摘要:
着色器配方第3章——卡通效果单元shaderton卡通着色器配方第三章——卡通特效OverView卡通效果是游戏中常用的效果之一,尤其是在动漫游戏中,以模拟动画中手绘角色的效果。第一种方法是使用坡度贴图来映射照明,第二种方法是利用算法将照明划分为不同的步长standardshader和toonshader:方法1:使用坡度贴图RampMap来知道纹理的UV范围是0-1,然后将初始光强作为另一方向上的参数信息,这样我们就可以获得按特定步长分离的光强。
Shader食谱 Chapter3--Toonshader卡通效果
unity shader toon 卡通Shader 
Shader食谱 Chapter3--Toonshader卡通效果

OverView

toon shader是游戏中比较常用的效果之一,尤其在二次元游戏中为了模拟角色在动画中手绘的效果。它是一种非真实的渲染技术,可以让3D角色显得平软很多。Toon效果实现过程主要是将大片光照接近的区域归到接近的步长,比如光照00.2全都为0,0.20.4全都视为0.2...这里主要通过两种方式来实现该效果。第一种使用坡度图映射光照,第二种使用算法来将光照分成不同步长
standardshader与toonshader比较:
standardshadertoonshader

方法一:使用坡度图RampMap

我们知道纹理的UV范围在0-1,我们如果将某一方向上颜色按一定的步长分隔,然后将初始的光照强度作为另一方向的 参数信息,由此则会获得按特定步长分隔的光照强度。

RampMap

RampMap

Shader "ShaderCookbook/Toon" {
	Properties {
		_Color ("Color", Color) = (1,1,1,1)
		_MainTex("Main Texture",2D)="white"{}
		_RampTex("Ramp",2D)="white"{}	
		
	}
	SubShader {
		Tags { "RenderType"="Opaque" }
		LOD 200
		
		CGPROGRAM
		
		#pragma surface surf Toon
		#pragma target 3.0

        sampler2D _MainTex;
	    sampler2D _RampTex;	
        fixed4 _Color;

		struct Input {
			float2 uv_MainTex;
		};

		fixed4 LightingToon(SurfaceOutput s,fixed2 lightDir,fixed atten){
            half NdotL=dot(s.Normal,lightDir);
			//uv范围0~1,这里通过fixed2(NdotL,0.5)从rampmap上取样,固定V的值为0.5,通过NdotL的值
			//来在坡度图上取样,由此获得如cartoon中色彩分明的效果
			//如果色彩在V轴上是固定的,那么V取0~1内的值结果都一致
			NdotL=tex2D(_RampTex,fixed2(NdotL,0.5));
			fixed4 c;
			c.rgb=s.Albedo*_LightColor0*NdotL*atten;
			c.a=s.Alpha;
			return c;
		}
        

		void surf (Input IN, inout SurfaceOutput o) {
			fixed4 c=tex2D(_MainTex,IN.uv_MainTex)*_Color;
			o.Albedo=c.rgb;
			o.Alpha=c.a;
		}
		ENDCG
	}
	FallBack "Diffuse"
}

方法二:使用算法来分隔光照强度

本文中一开始的比较图中的Toonshader就是使用该方式CelShadingLevels为5时表现的效果,很明显看到角色上的光照显示出一层一层的样子,CelShadingLevels越高,这种分层效果就越细致。
//使用floor方法将按_CelshadingLevels等份得到的值向下取整,依然保[0-1]范围内的cel值
half cel = floor(NdotL * _CelShadingLevels) / (_CelShadingLevels -0.10);
下面是模拟取CelShadingLevels分别为3,5时候得到cel的值

enter description here

GetCel

Shader "ShaderCookbook/Toon2" {
	Properties {
		_Color ("Color", Color) = (1,1,1,1)
		_MainTex("Main Texture",2D)="white"{}
		_CelShadingLevels("_CelShading Levels",Range(0,10))=1
		
	}
	SubShader {
		Tags { "RenderType"="Opaque" }
		LOD 200
		
		CGPROGRAM
		
		#pragma surface surf CustomLambert
		#pragma target 3.0

        sampler2D _MainTex;
        fixed4 _Color;
		int _CelShadingLevels;

		struct Input {
			float2 uv_MainTex;
		};

		half4 LightingCustomLambert (SurfaceOutput s, half3 lightDir, half3 viewDir, half atten) {
        half NdotL = dot (s.Normal, lightDir);
		
		//使用floor方法将按_CelshadingLevels等份得到的值向下取整,依然保[0-1]范围内的cel值
        half cel = floor(NdotL * _CelShadingLevels) / (_CelShadingLevels -0.10); //Snap
        half4 c;
        c.rgb = s.Albedo * _LightColor0.rgb * cel * atten;
        c.a = s.Alpha;
        return c;
}
        

		void surf (Input IN, inout SurfaceOutput o) {
			fixed4 c=tex2D(_MainTex,IN.uv_MainTex)*_Color;
			o.Albedo=c.rgb;
			o.Alpha=c.a;
		}
		ENDCG
	}
	FallBack "Diffuse"
}

免责声明:文章转载自《Shader食谱 Chapter3--Toonshader卡通效果》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Bash变量[译]AngularJS $apply, $digest, 和$evalAsync的比较下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【Unity】透明物体显示问题

总结一下Shader开启透明渲染后的一些显示问题的解决方案,考虑Zwrite,Ztest,Queue这三个属性的设置问题。 首先需要记住的是: 对于不透明物体,渲染的正确顺序是从前往后; 对于半透明物体。渲染的顺序是从后往前。 这样才能实现正确的渲染输出。 注意:Alpha Test,Alphato Coverage不在讨论之列。这里涉及到的是使用Alph...

CU3ER非常Cool的3D效果的Flash Slider

用户界面 3D效果 Quick Start 使用CU3ER的简单十步: 1、下载CU3ER,解压缩文件到独立的文件夹。 2、(可选)创建你的图片并将它们放到cu3er的images目录下,如果你不使用提供的图片的话。 3、备份config.xml(可以重命名它为config_bkp.xml类似的名字)并在同样的位置创建新的config.xml。 4、...

Unity Shader之模板测试

Unity Shader之模板测试一沙一世界,一花一天堂 一、Stencil testing   渲染管线     当片段着色器处理完一个片段之后,模板测试(Stencil Test)会开始执行,和深度测试一样,它也可能会丢弃片段。接下来,被保留的片段会进入深度测试,它可能会丢弃更多的片段。模板测试是根据又一个缓冲来进行的,它叫做模板缓...

Shader Variants 打包遇到的问题

1. 遇到的问题 最常见的是打包到手机后效果与PC上不一致,具体情况比如: 光照贴图失效 雾失效 透明或者cutoff失效 以上首先需要检查的地方是Shader变体的编译设置 2. 超级着色器编译成N个变体 如果需要多吧功能类似的shader, 比把透明,Cutoff和不透明等多个功能集合到一个Shader上,通常把这样的Shader称之为"超级着色器...

C# 自定义弹窗提醒

classShaderBox { privateForm _shader; privateForm _parent; privateForm _child; publicShaderBox(Form parent, Form child) {...

Unity3D优化总结(一)

容易忽略的美术资源的优化:         优化的美术制作真是一种感觉和经验的积累,能看出制作水平的不是做的效果多么犀利,而是得看制作的效果与对机器的要求等的性价比。 关于合并:  100个三角形的MESH,在渲染时与1500个面数的物体是没太大差别的,最佳的渲染设置应该在每个模型大约1500-4000个三角面。 材质共享:  如果需要通过脚本来访问复用...