VignetteShader.js 893 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. /**
  2. * Vignette shader
  3. * based on PaintEffect postprocess from ro.me
  4. * http://code.google.com/p/3-dreams-of-black/source/browse/deploy/js/effects/PaintEffect.js
  5. */
  6. const VignetteShader = {
  7. name: 'VignetteShader',
  8. uniforms: {
  9. 'tDiffuse': { value: null },
  10. 'offset': { value: 1.0 },
  11. 'darkness': { value: 1.0 }
  12. },
  13. vertexShader: /* glsl */`
  14. varying vec2 vUv;
  15. void main() {
  16. vUv = uv;
  17. gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
  18. }`,
  19. fragmentShader: /* glsl */`
  20. uniform float offset;
  21. uniform float darkness;
  22. uniform sampler2D tDiffuse;
  23. varying vec2 vUv;
  24. void main() {
  25. // Eskil's vignette
  26. vec4 texel = texture2D( tDiffuse, vUv );
  27. vec2 uv = ( vUv - vec2( 0.5 ) ) * vec2( offset );
  28. gl_FragColor = vec4( mix( texel.rgb, vec3( 1.0 - darkness ), dot( uv, uv ) ), texel.a );
  29. }`
  30. };
  31. export { VignetteShader };