WebGLTextureUtils.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. import {
  2. PlaneGeometry,
  3. ShaderMaterial,
  4. Uniform,
  5. Mesh,
  6. PerspectiveCamera,
  7. Scene,
  8. WebGLRenderer,
  9. CanvasTexture,
  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 = sRGBTransferOETF( 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.frustumCulled = false;
  44. }
  45. const _camera = new PerspectiveCamera();
  46. const _scene = new Scene();
  47. _scene.add( fullscreenQuad );
  48. if ( renderer === null ) {
  49. renderer = _renderer = new WebGLRenderer( { antialias: false } );
  50. }
  51. const width = Math.min( texture.image.width, maxTextureSize );
  52. const height = Math.min( texture.image.height, maxTextureSize );
  53. renderer.setSize( width, height );
  54. renderer.clear();
  55. renderer.render( _scene, _camera );
  56. const canvas = document.createElement( 'canvas' );
  57. const context = canvas.getContext( '2d' );
  58. canvas.width = width;
  59. canvas.height = height;
  60. context.drawImage( renderer.domElement, 0, 0, width, height );
  61. const readableTexture = new CanvasTexture( canvas );
  62. readableTexture.minFilter = texture.minFilter;
  63. readableTexture.magFilter = texture.magFilter;
  64. readableTexture.wrapS = texture.wrapS;
  65. readableTexture.wrapT = texture.wrapT;
  66. readableTexture.colorSpace = texture.colorSpace;
  67. readableTexture.name = texture.name;
  68. if ( _renderer ) {
  69. _renderer.forceContextLoss();
  70. _renderer.dispose();
  71. _renderer = null;
  72. }
  73. return readableTexture;
  74. }
粤ICP备19079148号