HDRCubeTextureLoader.js 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. /**
  2. * @author Prashant Sharma / spidersharma03
  3. * @author Ben Houston / http://clara.io / bhouston
  4. */
  5. import {
  6. CubeTexture,
  7. DataTexture,
  8. FileLoader,
  9. FloatType,
  10. HalfFloatType,
  11. LinearEncoding,
  12. LinearFilter,
  13. Loader,
  14. NearestFilter,
  15. RGBAFormat,
  16. RGBEEncoding,
  17. RGBFormat,
  18. UnsignedByteType
  19. } from "../../../build/three.module.js";
  20. import { RGBELoader } from "../loaders/RGBELoader.js";
  21. var HDRCubeTextureLoader = function ( manager ) {
  22. Loader.call( this, manager );
  23. this.hdrLoader = new RGBELoader();
  24. this.type = UnsignedByteType;
  25. };
  26. HDRCubeTextureLoader.prototype = Object.assign( Object.create( Loader.prototype ), {
  27. constructor: HDRCubeTextureLoader,
  28. load: function ( urls, onLoad, onProgress, onError ) {
  29. if ( ! Array.isArray( urls ) ) {
  30. console.warn( 'THREE.HDRCubeTextureLoader signature has changed. Use .setDataType() instead.' );
  31. this.setDataType( urls );
  32. urls = onLoad;
  33. onLoad = onProgress;
  34. onProgress = onError;
  35. onError = arguments[ 4 ];
  36. }
  37. var texture = new CubeTexture();
  38. texture.type = this.type;
  39. switch ( texture.type ) {
  40. case UnsignedByteType:
  41. texture.encoding = RGBEEncoding;
  42. texture.format = RGBAFormat;
  43. texture.minFilter = NearestFilter;
  44. texture.magFilter = NearestFilter;
  45. texture.generateMipmaps = false;
  46. break;
  47. case FloatType:
  48. texture.encoding = LinearEncoding;
  49. texture.format = RGBFormat;
  50. texture.minFilter = LinearFilter;
  51. texture.magFilter = LinearFilter;
  52. texture.generateMipmaps = false;
  53. break;
  54. case HalfFloatType:
  55. texture.encoding = LinearEncoding;
  56. texture.format = RGBFormat;
  57. texture.minFilter = LinearFilter;
  58. texture.magFilter = LinearFilter;
  59. texture.generateMipmaps = false;
  60. break;
  61. }
  62. var scope = this;
  63. var loaded = 0;
  64. function loadHDRData( i, onLoad, onProgress, onError ) {
  65. new FileLoader( scope.manager )
  66. .setPath( scope.path )
  67. .setResponseType( 'arraybuffer' )
  68. .load( urls[ i ], function ( buffer ) {
  69. loaded ++;
  70. var texData = scope.hdrLoader.parse( buffer );
  71. if ( ! texData ) return;
  72. if ( texData.data !== undefined ) {
  73. var dataTexture = new DataTexture( texData.data, texData.width, texData.height );
  74. dataTexture.type = texture.type;
  75. dataTexture.encoding = texture.encoding;
  76. dataTexture.format = texture.format;
  77. dataTexture.minFilter = texture.minFilter;
  78. dataTexture.magFilter = texture.magFilter;
  79. dataTexture.generateMipmaps = texture.generateMipmaps;
  80. texture.images[ i ] = dataTexture;
  81. }
  82. if ( loaded === 6 ) {
  83. texture.needsUpdate = true;
  84. if ( onLoad ) onLoad( texture );
  85. }
  86. }, onProgress, onError );
  87. }
  88. for ( var i = 0; i < urls.length; i ++ ) {
  89. loadHDRData( i, onLoad, onProgress, onError );
  90. }
  91. return texture;
  92. },
  93. setDataType: function ( value ) {
  94. this.type = value;
  95. this.hdrLoader.setDataType( value );
  96. return this;
  97. }
  98. } );
  99. export { HDRCubeTextureLoader };