RGBShiftShader.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. ( function () {
  2. /**
  3. * RGB Shift Shader
  4. * Shifts red and blue channels from center in opposite directions
  5. * Ported from http://kriss.cx/tom/2009/05/rgb-shift/
  6. * by Tom Butterworth / http://kriss.cx/tom/
  7. *
  8. * amount: shift distance (1 is width of input)
  9. * angle: shift angle in radians
  10. */
  11. const RGBShiftShader = {
  12. uniforms: {
  13. 'tDiffuse': {
  14. value: null
  15. },
  16. 'amount': {
  17. value: 0.005
  18. },
  19. 'angle': {
  20. value: 0.0
  21. }
  22. },
  23. vertexShader:
  24. /* glsl */
  25. `
  26. varying vec2 vUv;
  27. void main() {
  28. vUv = uv;
  29. gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
  30. }`,
  31. fragmentShader:
  32. /* glsl */
  33. `
  34. uniform sampler2D tDiffuse;
  35. uniform float amount;
  36. uniform float angle;
  37. varying vec2 vUv;
  38. void main() {
  39. vec2 offset = amount * vec2( cos(angle), sin(angle));
  40. vec4 cr = texture2D(tDiffuse, vUv + offset);
  41. vec4 cga = texture2D(tDiffuse, vUv);
  42. vec4 cb = texture2D(tDiffuse, vUv - offset);
  43. gl_FragColor = vec4(cr.r, cga.g, cb.b, cga.a);
  44. }`
  45. };
  46. THREE.RGBShiftShader = RGBShiftShader;
  47. } )();