BlendShader.js 819 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. ( function () {
  2. /**
  3. * Blend two textures
  4. */
  5. const BlendShader = {
  6. uniforms: {
  7. 'tDiffuse1': {
  8. value: null
  9. },
  10. 'tDiffuse2': {
  11. value: null
  12. },
  13. 'mixRatio': {
  14. value: 0.5
  15. },
  16. 'opacity': {
  17. value: 1.0
  18. }
  19. },
  20. vertexShader: /* glsl */`
  21. varying vec2 vUv;
  22. void main() {
  23. vUv = uv;
  24. gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
  25. }`,
  26. fragmentShader: /* glsl */`
  27. uniform float opacity;
  28. uniform float mixRatio;
  29. uniform sampler2D tDiffuse1;
  30. uniform sampler2D tDiffuse2;
  31. varying vec2 vUv;
  32. void main() {
  33. vec4 texel1 = texture2D( tDiffuse1, vUv );
  34. vec4 texel2 = texture2D( tDiffuse2, vUv );
  35. gl_FragColor = mix( texel1, texel2, mixRatio );
  36. gl_FragColor.a *= opacity;
  37. }`
  38. };
  39. THREE.BlendShader = BlendShader;
  40. } )();