/** * 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; bool isCornerCase(vec2 uvCoord, float effectStart, float effectEnd, float glowSize){ if (uvCoord.x > effectStart && uvCoord.x < effectStart + glowSize && uvCoord.y > effectStart && uvCoord.y < effectStart + glowSize ) { return true;} if (uvCoord.x > effectEnd -glowSize && uvCoord.x < effectEnd && uvCoord.y > effectStart && uvCoord.y < effectStart + glowSize ) { return true;} if (uvCoord.x > effectEnd -glowSize && uvCoord.x < effectEnd && uvCoord.y > effectEnd -glowSize && uvCoord.y < effectEnd ) { return true;} if (uvCoord.x > effectStart && uvCoord.x < effectStart + glowSize && uvCoord.y > effectEnd -glowSize && uvCoord.y < effectEnd ) { return true;} return false; } bool isInPixel(vec2 uvCoord, vec3 camPos, vec3 worldPosition) { float distanceTotal= distance(worldPosition, camPos); float distFactor = min(1.0, max(distanceTotal/1.0, 0.015)); float empyAreaScale = distFactor;//max(0.01, min(1.0, distanceToCam/100.0)); float minTransparency = 0.7; float maxTransparency = 0.1; float dynamicBorderSize = 0.250; float UnitSize = 0.015; float UnitHalf = UnitSize * 0.5; vec2 uvMod = vec2(mod(uvCoord.x, UnitSize), mod(uvCoord.y, UnitSize)); float pixelSize = UnitSize* 0.5; float pixelHalf = pixelSize *0.5; if (uvMod.x >= (UnitHalf - pixelHalf) && uvMod.x <= (UnitHalf + pixelHalf) && uvMod.y >=( UnitHalf - pixelHalf) && uvMod.y <= (UnitHalf + pixelHalf) ) { return true; } return false; } vec4 normalPredict(vec3 col, vec3 camVector, vec3 worldPosition) { for (int i=1; i < 100; i++) { vec3 newPos = worldPosition * camVector; //traverse coordinates along the camvector step by step, checking if one of them intersects with a square //if yes, interpolate transpareceny //isInPixel(vec2 uvCoord, vec3 camPos, vec3 worldPosition) } return vec4(1.0, 0.0, 0.0, 0.0); } vec4 alphaPixel(vec3 col, vec2 uvCoord, vec3 normalVector, vec3 camPos, vec3 worldPosition) { vec3 camVector = -1.0 * normalVector;//normalize(worldPosition - camPos); float distanceTotal= distance(worldPosition, camPos); float distFactor = min(1.0, max(distanceTotal, 0.015)); float empyAreaScale = distFactor;//max(0.01, min(1.0, distanceToCam/100.0)); float minTransparency = 0.7; float maxTransparency = 0.1; float dynamicBorderSize = 0.150; float UnitSize = 0.015; float UnitHalf = UnitSize * 0.5; vec2 uvMod = vec2(mod(uvCoord.x, UnitSize), mod(uvCoord.y, UnitSize)); float pixelSize = UnitSize* 0.5; float pixelHalf = pixelSize *0.5; float glowBorderSize = ((UnitSize - pixelSize)/2.0)*empyAreaScale; float EffectFullSize = pixelSize + 2.0 *glowBorderSize; float effectStart = (UnitSize - EffectFullSize)* 0.5; float pixelStart = UnitHalf - pixelSize; float effectEnd = (UnitSize - effectStart); float pixelEnd = UnitHalf + pixelSize; if (uvMod.x < effectStart|| uvMod.x > effectEnd|| uvMod.y < effectStart|| uvMod.y > effectEnd ) { return normalPredict(col.rgb, camVector, worldPosition); } if (isCornerCase(uvMod, effectStart, effectEnd, glowBorderSize) == true) { //return vec4(col.rgb, (2.0 + sin(uvMod.x+ uvMod.y + time))/2.0); return vec4 (col.rgb, 0.125); } if (uvMod.x >= (UnitHalf - pixelHalf) && uvMod.x <= (UnitHalf + pixelHalf) && uvMod.y >=( UnitHalf - pixelHalf) && uvMod.y <= (UnitHalf + pixelHalf) ) { return vec4 (col.rgb, minTransparency); } if (uvMod.x >= effectStart && uvMod.x <= effectStart + glowBorderSize && uvMod.y > pixelStart && uvMod.y < pixelEnd ) { float willItBlend = (uvMod.x -effectStart)/glowBorderSize; return vec4 (col.rgb, mix( maxTransparency, minTransparency, willItBlend)); } if (uvMod.x >= UnitHalf + pixelHalf && uvMod.x <= effectEnd && uvMod.y > pixelStart && uvMod.y < pixelEnd ) { float willItBlend = abs(uvMod.x -(effectEnd - glowBorderSize))/glowBorderSize; return vec4 (col.rgb, mix( minTransparency, maxTransparency, willItBlend)); } if (uvMod.y >= effectStart && uvMod.y <= effectStart + glowBorderSize && uvMod.x > pixelStart && uvMod.x < pixelEnd ) { float willItBlend = abs(uvMod.y -effectStart)/glowBorderSize; return vec4 (col.rgb, mix( maxTransparency,minTransparency, willItBlend)); } if (uvMod.y >= UnitHalf + pixelHalf && uvMod.y <= effectEnd && uvMod.x > pixelStart && uvMod.x < pixelEnd ) { float willItBlend = abs(uvMod.y -(effectEnd - glowBorderSize))/glowBorderSize; return vec4 (col.rgb, mix( minTransparency,maxTransparency, willItBlend)); } return normalPredict(col.rgb, camVector, worldPosition); } 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 ); float distanceToCam = distance(cameraPosition, vPosition); // Fragment shaders set the gl_FragColor, which is a vector4 of // ( red, green, blue, alpha ). gl_FragColor = alphaPixel( color * brightness, vUv, worldNormal, cameraPosition,worldPosition); }

PicassoKT's Shaders (3)