TextureUtils.js 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. import {
  2. PlaneGeometry,
  3. ShaderMaterial,
  4. Uniform,
  5. Mesh,
  6. PerspectiveCamera,
  7. Scene,
  8. WebGLRenderer,
  9. Texture,
  10. SRGBColorSpace
  11. } from 'three';
  12. let _renderer;
  13. let fullscreenQuadGeometry;
  14. let fullscreenQuadMaterial;
  15. let fullscreenQuad;
  16. export function decompress( texture, maxTextureSize = Infinity, renderer = null ) {
  17. if ( ! fullscreenQuadGeometry ) fullscreenQuadGeometry = new PlaneGeometry( 2, 2, 1, 1 );
  18. if ( ! fullscreenQuadMaterial ) fullscreenQuadMaterial = new ShaderMaterial( {
  19. uniforms: { blitTexture: new Uniform( texture ) },
  20. vertexShader: `
  21. varying vec2 vUv;
  22. void main(){
  23. vUv = uv;
  24. gl_Position = vec4(position.xy * 1.0,0.,.999999);
  25. }`,
  26. fragmentShader: `
  27. uniform sampler2D blitTexture;
  28. varying vec2 vUv;
  29. void main(){
  30. gl_FragColor = vec4(vUv.xy, 0, 1);
  31. #ifdef IS_SRGB
  32. gl_FragColor = LinearTosRGB( texture2D( blitTexture, vUv) );
  33. #else
  34. gl_FragColor = texture2D( blitTexture, vUv);
  35. #endif
  36. }`
  37. } );
  38. fullscreenQuadMaterial.uniforms.blitTexture.value = texture;
  39. fullscreenQuadMaterial.defines.IS_SRGB = texture.colorSpace == SRGBColorSpace;
  40. fullscreenQuadMaterial.needsUpdate = true;
  41. if ( ! fullscreenQuad ) {
  42. fullscreenQuad = new Mesh( fullscreenQuadGeometry, fullscreenQuadMaterial );
  43. fullscreenQuad.frustrumCulled = false;
  44. }
  45. const _camera = new PerspectiveCamera();
  46. const _scene = new Scene();
  47. _scene.add( fullscreenQuad );
  48. if ( ! renderer ) {
  49. renderer = _renderer = new WebGLRenderer( { antialias: false } );
  50. }
  51. renderer.setSize( Math.min( texture.image.width, maxTextureSize ), Math.min( texture.image.height, maxTextureSize ) );
  52. renderer.clear();
  53. renderer.render( _scene, _camera );
  54. const readableTexture = new Texture( renderer.domElement );
  55. readableTexture.minFilter = texture.minFilter;
  56. readableTexture.magFilter = texture.magFilter;
  57. readableTexture.wrapS = texture.wrapS;
  58. readableTexture.wrapT = texture.wrapT;
  59. readableTexture.name = texture.name;
  60. if ( _renderer ) {
  61. _renderer.dispose();
  62. _renderer = null;
  63. }
  64. return readableTexture;
  65. }