/** * Example Fragment Shader * Sets the color and alpha of the pixel by setting gl_FragColor */ // Set the precision for data types used in this shader precision highp float; precision highp int; // Default THREE.js uniforms available to both fragment and vertex shader uniform mat4 modelMatrix; uniform mat4 modelViewMatrix; uniform mat4 projectionMatrix; uniform mat4 viewMatrix; uniform mat3 normalMatrix; // Default uniforms provided by ShaderFrog. uniform vec3 cameraPosition; uniform float time; // A uniform unique to this shader. You can modify it to the using the form // below the shader preview. Any uniform you add is automatically given a form uniform vec3 color; uniform vec3 lightPosition; // Example varyings passed from the vertex shader varying vec3 vPosition; varying vec3 vNormal; varying vec2 vUv; varying vec2 vUv2; varying vec3 vCamRelPos; uniform float cel0; uniform float cel1; uniform float cel2; uniform float cel3; uniform float cel4; uniform float celFade; uniform float edgeSteepness; uniform float edgeBorder; float fmap(float x, float lo1, float hi1, float lo2, float hi2) { return (x-lo1)/(hi1-lo1)*(hi2-lo2)+lo2; } float cfmap(float x, float lo1, float hi1, float lo2, float hi2) { return fmap(clamp(x, lo1, hi1), lo1, hi1, lo2, hi2); } float toonify_light(float b_in) { #define b0 cel0 #define b1 cel1 #define b2 cel2 #define b3 cel3 #define b4 cel4 #define b celFade if( b_in < b1-b) return (b0+b1)/2.0; if(b1-b < b_in && b_in < b1+b) return fmap(b_in, b1-b, b1+b, (b0+b1)/2.0, (b1+b2)/2.0); if(b1+b < b_in && b_in < b2-b) return (b1+b2)/2.0; if(b2-b < b_in && b_in < b2+b) return fmap(b_in, b2-b, b2+b, (b1+b2)/2.0, (b2+b3)/2.0); if(b2+b < b_in && b_in < b3-b) return (b2+b3)/2.0; if(b3-b < b_in && b_in < b3+b) return fmap(b_in, b3-b, b3+b, (b2+b3)/2.0, (b3+b4)/2.0); if(b3+b < b_in ) return (b3+b4)/2.0; } float toonify_edges(vec3 normal, vec3 view) { return cfmap(abs(dot(normal, view)), edgeSteepness-edgeBorder, edgeSteepness+edgeBorder, 0.0, 1.0); } void main() { // Calculate the real position of this pixel in 3d space, taking into account // the rotation and scale of the model. It's a useful formula for some effects. // This could also be done in the vertex shader vec3 worldPosition = ( modelMatrix * vec4( vPosition, 1.0 )).xyz; // Calculate the normal including the model rotation and scale vec3 worldNormal = normalize( vec3( modelMatrix * vec4( vNormal, 0.0 ) ) ); vec3 lightVector = normalize( lightPosition - worldPosition ); // An example simple lighting effect, taking the dot product of the normal // (which way this pixel is pointing) and a user generated light position float brightness = dot( worldNormal, lightVector ); brightness = toonify_light( brightness ) * toonify_edges(worldNormal, normalize(cameraPosition)); // Fragment shaders set the gl_FragColor, which is a vector4 of // ( red, green, blue, alpha ). gl_FragColor = vec4( color * brightness, 1.0 ); }

rmMinusR's Shaders (1)