/** ** Original work: https://github.com/cpetry/NormalMap-Online/blob/gh-pages/javascripts/shader/NormalMapShader.js * */ // 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; uniform sampler2D heightMap; uniform sampler2D basetexture; // 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; float height(vec2 uv) { vec4 bumpData = texture2D( heightMap, uv ); float vAmount = (bumpData.r * 256.0 + bumpData.g + bumpData.b / 256.0) ; return vAmount; } void main() { vec2 dimensions = vec2(256.0,256.0); vec2 step = vec2(-1.0 / dimensions.x, -1.0 / dimensions.y); vec2 tlv = vec2(vUv.x - step.x, vUv.y + step.y ); vec2 lv = vec2(vUv.x - step.x, vUv.y ); vec2 blv = vec2(vUv.x - step.x, vUv.y - step.y); vec2 tv = vec2(vUv.x , vUv.y + step.y ); vec2 bv = vec2(vUv.x , vUv.y - step.y); vec2 trv = vec2(vUv.x + step.x, vUv.y + step.y ); vec2 rv = vec2(vUv.x + step.x, vUv.y ); vec2 brv = vec2(vUv.x + step.x, vUv.y - step.y); tlv = vec2(tlv.x >= 0.0 ? tlv.x : (1.0 + tlv.x), tlv.y >= 0.0 ? tlv.y : (1.0 + tlv.y)); tlv = vec2(tlv.x < 1.0 ? tlv.x : (tlv.x - 1.0 ), tlv.y < 1.0 ? tlv.y : (tlv.y - 1.0 )); lv = vec2( lv.x >= 0.0 ? lv.x : (1.0 + lv.x), lv.y >= 0.0 ? lv.y : (1.0 + lv.y)); lv = vec2( lv.x < 1.0 ? lv.x : ( lv.x - 1.0 ), lv.y < 1.0 ? lv.y : ( lv.y - 1.0 )); blv = vec2(blv.x >= 0.0 ? blv.x : (1.0 + blv.x), blv.y >= 0.0 ? blv.y : (1.0 + blv.y)); blv = vec2(blv.x < 1.0 ? blv.x : (blv.x - 1.0 ), blv.y < 1.0 ? blv.y : (blv.y - 1.0 )); tv = vec2( tv.x >= 0.0 ? tv.x : (1.0 + tv.x), tv.y >= 0.0 ? tv.y : (1.0 + tv.y)); tv = vec2( tv.x < 1.0 ? tv.x : ( tv.x - 1.0 ), tv.y < 1.0 ? tv.y : ( tv.y - 1.0 )); bv = vec2( bv.x >= 0.0 ? bv.x : (1.0 + bv.x), bv.y >= 0.0 ? bv.y : (1.0 + bv.y)); bv = vec2( bv.x < 1.0 ? bv.x : ( bv.x - 1.0 ), bv.y < 1.0 ? bv.y : ( bv.y - 1.0 )); trv = vec2(trv.x >= 0.0 ? trv.x : (1.0 + trv.x), trv.y >= 0.0 ? trv.y : (1.0 + trv.y)); trv = vec2(trv.x < 1.0 ? trv.x : (trv.x - 1.0 ), trv.y < 1.0 ? trv.y : (trv.y - 1.0 )); rv = vec2( rv.x >= 0.0 ? rv.x : (1.0 + rv.x), rv.y >= 0.0 ? rv.y : (1.0 + rv.y)); rv = vec2( rv.x < 1.0 ? rv.x : ( rv.x - 1.0 ), rv.y < 1.0 ? rv.y : ( rv.y - 1.0 )); brv = vec2(brv.x >= 0.0 ? brv.x : (1.0 + brv.x), brv.y >= 0.0 ? brv.y : (1.0 + brv.y)); brv = vec2(brv.x < 1.0 ? brv.x : (brv.x - 1.0 ), brv.y < 1.0 ? brv.y : (brv.y - 1.0 )); float tl = height( tlv); float l = height( lv ); float bl = height(blv); float t = height( tv ); float b = height(bv ); float tr = height(trv); float r = height(rv ); float br = height(brv); float dx = 0.0, dy = 0.0, dz = 0.4; dx = tl + l*2.0 + bl - tr - r*2.0 - br; dy = tl + t*2.0 + tr - bl - b*2.0 - br; vec4 normalGenerated = vec4(normalize(vec3(dx * 255.0, dy * 255.0, dz)), 1.0); // 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( normalGenerated.rgb, lightVector ); vec4 basecolor = texture2D( basetexture, vUv ); // Fragment shaders set the gl_FragColor, which is a vector4 of // ( red, green, blue, alpha ). gl_FragColor = vec4( basecolor.rgb * brightness * color.rgb, 1.0 ); }

shakthi.gs's Shaders (1)