Basic toon shader

Import from libraries.

Copy
import lib-sampler.glsl
Copied to your clipboard
import lib-sampler.glsl

We define the global light position

Copy
const vec3 light_pos = vec3(10.0, 10.0, 10.0);
Copied to your clipboard
const vec3 light_pos = vec3(10.0, 10.0, 10.0);

We bind the auto param world eye position to our uniform camera_pos.

Copy
//: param auto world_eye_position
 uniform vec3 camera_pos;
Copied to your clipboard
//: param auto world_eye_position
 uniform vec3 camera_pos;

We bind the document's channel base color to our uniform basecolor_tex.

Copy
//: param auto channel_basecolor
 uniform SamplerSparse basecolor_tex;
Copied to your clipboard
//: param auto channel_basecolor
 uniform SamplerSparse basecolor_tex;

We bind the mesh curvature to our uniform curvature_tex. If no curvature is available, transparent texture is provided.

Copy
//: param auto texture_curvature
 uniform SamplerSparse curvature_tex;
Copied to your clipboard
//: param auto texture_curvature
 uniform SamplerSparse curvature_tex;

We define a new custom tweak for this shader, along with its default value. This one is used to tweak the thickness of outline, when shadowed.

Copy
//: param custom {
 //:  "default": 0.4,
 //:   "min": 0.0,
 //:   "max": 1.0,
 //:   "label": "Unlit outline thickness"
 //: }
 uniform float unlit_outline_thickness;
Copied to your clipboard
//: param custom {
 //:  "default": 0.4,
 //:   "min": 0.0,
 //:   "max": 1.0,
 //:   "label": "Unlit outline thickness"
 //: }
 uniform float unlit_outline_thickness;

We define a new custom tweak for this shader, along with its default value. This one is used to tweak the thickness of outline, when lit.

Copy
//: param custom {
 //:   "default": 0.1,
 //:   "min": 0.0,
 //:   "max": 1.0,
 //:   "label": "Lit outline thickness"
 //: }
 uniform float lit_outline_thickness;
Copied to your clipboard
//: param custom {
 //:   "default": 0.1,
 //:   "min": 0.0,
 //:   "max": 1.0,
 //:   "label": "Lit outline thickness"
 //: }
 uniform float lit_outline_thickness;

Whether we prefer using the curvature or not.

Copy
//: param custom {
 //:   "default": false,
 //:   "label": "Use curvature"
 //: }
 uniform bool use_curvature;
Copied to your clipboard
//: param custom {
 //:   "default": false,
 //:   "label": "Use curvature"
 //: }
 uniform bool use_curvature;

Entry point of the shader.

Copy
void shade(V2F inputs)
 {
Copied to your clipboard
void shade(V2F inputs)
 {

We compute a few useful values.

Copy
  vec3 V = normalize(camera_pos - inputs.position);
   vec3 N = normalize(inputs.normal);
   vec3 L = normalize(light_pos - inputs.position);
   float NdV = dot(N, V);
   float NdL = max(0.0, dot(N, L));
Copied to your clipboard
  vec3 V = normalize(camera_pos - inputs.position);
   vec3 N = normalize(inputs.normal);
   vec3 L = normalize(light_pos - inputs.position);
   float NdV = dot(N, V);
   float NdL = max(0.0, dot(N, L));

Priority is to performs the outline detection. Allow the user to choose whether he prefers using the curvature map for outline detection or not.

Copy
  if (use_curvature) {
     float curv = textureSparse(curvature_tex, inputs.sparse_coord).r;
     NdV = 1.0 - curv;
   }
Copied to your clipboard
  if (use_curvature) {
     float curv = textureSparse(curvature_tex, inputs.sparse_coord).r;
     NdV = 1.0 - curv;
   }

If outline condition is reach, exit with black color.

Copy
  if (NdV < mix(unlit_outline_thickness, lit_outline_thickness, NdL)) {
     return;
   }
Copied to your clipboard
  if (NdV < mix(unlit_outline_thickness, lit_outline_thickness, NdL)) {
     return;
   }

Here, we perform a 4 steps discretization of color.

Copy
  vec3 color = getBaseColor(basecolor_tex, inputs.sparse_coord);
   if (NdL > 0.75) {
     color = color;
   } else if (NdL > 0.5) {
     color = color * 0.5;
   } else if (NdL > 0.1) {
     color = color * 0.1;
   }
   else
Copied to your clipboard
  vec3 color = getBaseColor(basecolor_tex, inputs.sparse_coord);
   if (NdL > 0.75) {
     color = color;
   } else if (NdL > 0.5) {
     color = color * 0.5;
   } else if (NdL > 0.1) {
     color = color * 0.1;
   }
   else

Fallback is black.

Copy
    color = vec3(0.0);
 
   diffuseShadingOutput(color);
 }
 
 
Copied to your clipboard
    color = vec3(0.0);
 
   diffuseShadingOutput(color);
 }
 
 

Last updated 10/3/2024

Was this helpful?

Yes

No