SepiaShader.js 936 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /**
  2. * Sepia tone shader
  3. * based on glfx.js sepia shader
  4. * https://github.com/evanw/glfx.js
  5. */
  6. const SepiaShader = {
  7. name: 'SepiaShader',
  8. uniforms: {
  9. 'tDiffuse': { value: null },
  10. 'amount': { value: 1.0 }
  11. },
  12. vertexShader: /* glsl */`
  13. varying vec2 vUv;
  14. void main() {
  15. vUv = uv;
  16. gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
  17. }`,
  18. fragmentShader: /* glsl */`
  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. };
  31. export { SepiaShader };