SepiaShader.js 969 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /**
  2. * Sepia tone shader
  3. * based on glfx.js sepia shader
  4. * https://github.com/evanw/glfx.js
  5. */
  6. var SepiaShader = {
  7. uniforms: {
  8. 'tDiffuse': { value: null },
  9. 'amount': { value: 1.0 }
  10. },
  11. vertexShader: [
  12. 'varying vec2 vUv;',
  13. 'void main() {',
  14. ' vUv = uv;',
  15. ' gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );',
  16. '}'
  17. ].join( '\n' ),
  18. fragmentShader: [
  19. 'uniform float amount;',
  20. 'uniform sampler2D tDiffuse;',
  21. 'varying vec2 vUv;',
  22. 'void main() {',
  23. ' vec4 color = texture2D( tDiffuse, vUv );',
  24. ' vec3 c = color.rgb;',
  25. ' color.r = dot( c, vec3( 1.0 - 0.607 * amount, 0.769 * amount, 0.189 * amount ) );',
  26. ' color.g = dot( c, vec3( 0.349 * amount, 1.0 - 0.314 * amount, 0.168 * amount ) );',
  27. ' color.b = dot( c, vec3( 0.272 * amount, 0.534 * amount, 1.0 - 0.869 * amount ) );',
  28. ' gl_FragColor = vec4( min( vec3( 1.0 ), color.rgb ), color.a );',
  29. '}'
  30. ].join( '\n' )
  31. };
  32. export { SepiaShader };