SepiaShader.js 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /**
  2. * @module SepiaShader
  3. * @three_import import { SepiaShader } from 'three/addons/shaders/SepiaShader.js';
  4. */
  5. /**
  6. * Sepia tone shader based on [glfx.js sepia shader]{@link https://github.com/evanw/glfx.js}.
  7. *
  8. * @constant
  9. * @type {ShaderMaterial~Shader}
  10. */
  11. const SepiaShader = {
  12. name: 'SepiaShader',
  13. uniforms: {
  14. 'tDiffuse': { value: null },
  15. 'amount': { value: 1.0 }
  16. },
  17. vertexShader: /* glsl */`
  18. varying vec2 vUv;
  19. void main() {
  20. vUv = uv;
  21. gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
  22. }`,
  23. fragmentShader: /* glsl */`
  24. uniform float amount;
  25. uniform sampler2D tDiffuse;
  26. varying vec2 vUv;
  27. void main() {
  28. vec4 color = texture2D( tDiffuse, vUv );
  29. vec3 c = color.rgb;
  30. color.r = dot( c, vec3( 1.0 - 0.607 * amount, 0.769 * amount, 0.189 * amount ) );
  31. color.g = dot( c, vec3( 0.349 * amount, 1.0 - 0.314 * amount, 0.168 * amount ) );
  32. color.b = dot( c, vec3( 0.272 * amount, 0.534 * amount, 1.0 - 0.869 * amount ) );
  33. gl_FragColor = vec4( min( vec3( 1.0 ), color.rgb ), color.a );
  34. }`
  35. };
  36. export { SepiaShader };