Qt 3D的研究（六）：Toon Shader

       在上次的實驗中，我們實作了Gooch Shader，并給出了通過調色闆進行個性化的Gooch Shader設定。Toon Shader又稱Cell Shader，是以離散的顔色來表示光照的強弱。很多卡通片的渲染方式都是使用Toon Shader的。下面這樣圖就可以使用Toon Shader實作。

蔣彩陽原創文章，首發位址：http://blog.csdn.net/gamesdev/article/details/44084021。歡迎同行前來探讨。

       下面是Toon Shader的代碼：

// Toon.vert
#version 100

// Qt 3D預設提供的參數
attribute vec3 vertexPosition;
attribute vec3 vertexNormal;
uniform mat4 modelView;
uniform mat4 modelNormalMatrix;
uniform mat4 mvp;

// 自己提供的參數
uniform vec3 lightPosition;
varying vec3 reflectVec;
varying vec3 viewVec;
varying float NdotL;

void main( void )
{
    vec3 ecPos = ( modelView * vec4( vertexPosition, 1.0 ) ).xyz;
    vec3 normal = normalize( modelNormalMatrix * vec4( vertexNormal, 1.0 ) ).xyz;
    vec3 lightVec = normalize( lightPosition - ecPos );
    reflectVec = normalize( reflect( -lightVec, normal ) );
    viewVec = normalize( -ecPos );
    NdotL = ( dot( lightVec, normal ) + 1.0 ) * 0.5;

    gl_Position = mvp * vec4( vertexPosition, 1.0 );
}
           

// Toon.frag
#version 100

// 自己提供的參數
varying vec3 reflectVec;
varying vec3 viewVec;
varying float NdotL;
uniform sampler2D texPalette;

float grayTexture( vec4 color )
{
    return dot( color.xyz, vec3( 0.299, 0.587, 0.114 ) );
}

void main( void )
{
    gl_FragColor = texture2D( texPalette, vec2( NdotL, 1.0 ) );
}
           

我們使用的離散紋理如下所示：

       程式運作結果如下所示：