卡通渲染－－Dot3 Cel Shading

           按ShadeX 3中《Dot3 Cel Shading》的方法所渲染的卡通茶壶，简单的代码效果居然如此好。因为是卡通渲染，所以除了最后着色以外的大部分计算都可以移动到vertex shader中，不过因为我的代码是在普通渲染的基础上改的，所以vertex shader中只是做了基本的变换。另外如果加上高光，效果反而不真实了，直接用普通光照模型计算出的漫反射进行调整就能得出不错的效果。

普通渲染（漫反射+高光）+ 边缘轮廓线：

卡通着色：

多条过渡带：

完整的pixel shader代码：void PixelShader(out half4 color : COLOR0, in float3 worldPos :TEXCOORD0, in float3 normal : TEXCOORD1){   normal = normalize(normal);   float3 lightVect = normalize( lightPos - worldPos);   float diffuse = saturate( dot ( normal,lightVect));

    float3 eyeVect = normalize( eyePos - worldPos);    half scale = saturate(dot( normal, eyeVect));   int scaleFactor = floor(scale * shaders);   scale = scaleFactor / shaders;      if(scale < exclude / shaders)   {     color.xyz = 0;   }    else  {    diffuseColor = lightColor * diffuseColor * diffuse;    color.xyz = diffuseColor * scale + diffuse / shaders;  }  color.w = 1.0;   }      shaders是颜色带的数量，exclude是边缘轮廓线宽度，上面中间的三幅图中shaders=4，exclude＝1。