2
0

DDSLoader.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272
  1. console.warn( "THREE.DDSLoader: As part of the transition to ES6 Modules, the files in 'examples/js' were deprecated in May 2020 (r117) and will be deleted in December 2020 (r124). You can find more information about developing using ES6 Modules in https://threejs.org/docs/#manual/en/introduction/Installation." );
  2. THREE.DDSLoader = function ( manager ) {
  3. THREE.CompressedTextureLoader.call( this, manager );
  4. };
  5. THREE.DDSLoader.prototype = Object.assign( Object.create( THREE.CompressedTextureLoader.prototype ), {
  6. constructor: THREE.DDSLoader,
  7. parse: function ( buffer, loadMipmaps ) {
  8. var dds = { mipmaps: [], width: 0, height: 0, format: null, mipmapCount: 1 };
  9. // Adapted from @toji's DDS utils
  10. // https://github.com/toji/webgl-texture-utils/blob/master/texture-util/dds.js
  11. // All values and structures referenced from:
  12. // http://msdn.microsoft.com/en-us/library/bb943991.aspx/
  13. var DDS_MAGIC = 0x20534444;
  14. // var DDSD_CAPS = 0x1;
  15. // var DDSD_HEIGHT = 0x2;
  16. // var DDSD_WIDTH = 0x4;
  17. // var DDSD_PITCH = 0x8;
  18. // var DDSD_PIXELFORMAT = 0x1000;
  19. var DDSD_MIPMAPCOUNT = 0x20000;
  20. // var DDSD_LINEARSIZE = 0x80000;
  21. // var DDSD_DEPTH = 0x800000;
  22. // var DDSCAPS_COMPLEX = 0x8;
  23. // var DDSCAPS_MIPMAP = 0x400000;
  24. // var DDSCAPS_TEXTURE = 0x1000;
  25. var DDSCAPS2_CUBEMAP = 0x200;
  26. var DDSCAPS2_CUBEMAP_POSITIVEX = 0x400;
  27. var DDSCAPS2_CUBEMAP_NEGATIVEX = 0x800;
  28. var DDSCAPS2_CUBEMAP_POSITIVEY = 0x1000;
  29. var DDSCAPS2_CUBEMAP_NEGATIVEY = 0x2000;
  30. var DDSCAPS2_CUBEMAP_POSITIVEZ = 0x4000;
  31. var DDSCAPS2_CUBEMAP_NEGATIVEZ = 0x8000;
  32. // var DDSCAPS2_VOLUME = 0x200000;
  33. // var DDPF_ALPHAPIXELS = 0x1;
  34. // var DDPF_ALPHA = 0x2;
  35. var DDPF_FOURCC = 0x4;
  36. // var DDPF_RGB = 0x40;
  37. // var DDPF_YUV = 0x200;
  38. // var DDPF_LUMINANCE = 0x20000;
  39. function fourCCToInt32( value ) {
  40. return value.charCodeAt( 0 ) +
  41. ( value.charCodeAt( 1 ) << 8 ) +
  42. ( value.charCodeAt( 2 ) << 16 ) +
  43. ( value.charCodeAt( 3 ) << 24 );
  44. }
  45. function int32ToFourCC( value ) {
  46. return String.fromCharCode(
  47. value & 0xff,
  48. ( value >> 8 ) & 0xff,
  49. ( value >> 16 ) & 0xff,
  50. ( value >> 24 ) & 0xff
  51. );
  52. }
  53. function loadARGBMip( buffer, dataOffset, width, height ) {
  54. var dataLength = width * height * 4;
  55. var srcBuffer = new Uint8Array( buffer, dataOffset, dataLength );
  56. var byteArray = new Uint8Array( dataLength );
  57. var dst = 0;
  58. var src = 0;
  59. for ( var y = 0; y < height; y ++ ) {
  60. for ( var x = 0; x < width; x ++ ) {
  61. var b = srcBuffer[ src ]; src ++;
  62. var g = srcBuffer[ src ]; src ++;
  63. var r = srcBuffer[ src ]; src ++;
  64. var a = srcBuffer[ src ]; src ++;
  65. byteArray[ dst ] = r; dst ++; //r
  66. byteArray[ dst ] = g; dst ++; //g
  67. byteArray[ dst ] = b; dst ++; //b
  68. byteArray[ dst ] = a; dst ++; //a
  69. }
  70. }
  71. return byteArray;
  72. }
  73. var FOURCC_DXT1 = fourCCToInt32( "DXT1" );
  74. var FOURCC_DXT3 = fourCCToInt32( "DXT3" );
  75. var FOURCC_DXT5 = fourCCToInt32( "DXT5" );
  76. var FOURCC_ETC1 = fourCCToInt32( "ETC1" );
  77. var headerLengthInt = 31; // The header length in 32 bit ints
  78. // Offsets into the header array
  79. var off_magic = 0;
  80. var off_size = 1;
  81. var off_flags = 2;
  82. var off_height = 3;
  83. var off_width = 4;
  84. var off_mipmapCount = 7;
  85. var off_pfFlags = 20;
  86. var off_pfFourCC = 21;
  87. var off_RGBBitCount = 22;
  88. var off_RBitMask = 23;
  89. var off_GBitMask = 24;
  90. var off_BBitMask = 25;
  91. var off_ABitMask = 26;
  92. // var off_caps = 27;
  93. var off_caps2 = 28;
  94. // var off_caps3 = 29;
  95. // var off_caps4 = 30;
  96. // Parse header
  97. var header = new Int32Array( buffer, 0, headerLengthInt );
  98. if ( header[ off_magic ] !== DDS_MAGIC ) {
  99. console.error( 'THREE.DDSLoader.parse: Invalid magic number in DDS header.' );
  100. return dds;
  101. }
  102. if ( ! header[ off_pfFlags ] & DDPF_FOURCC ) {
  103. console.error( 'THREE.DDSLoader.parse: Unsupported format, must contain a FourCC code.' );
  104. return dds;
  105. }
  106. var blockBytes;
  107. var fourCC = header[ off_pfFourCC ];
  108. var isRGBAUncompressed = false;
  109. switch ( fourCC ) {
  110. case FOURCC_DXT1:
  111. blockBytes = 8;
  112. dds.format = THREE.RGB_S3TC_DXT1_Format;
  113. break;
  114. case FOURCC_DXT3:
  115. blockBytes = 16;
  116. dds.format = THREE.RGBA_S3TC_DXT3_Format;
  117. break;
  118. case FOURCC_DXT5:
  119. blockBytes = 16;
  120. dds.format = THREE.RGBA_S3TC_DXT5_Format;
  121. break;
  122. case FOURCC_ETC1:
  123. blockBytes = 8;
  124. dds.format = THREE.RGB_ETC1_Format;
  125. break;
  126. default:
  127. if ( header[ off_RGBBitCount ] === 32
  128. && header[ off_RBitMask ] & 0xff0000
  129. && header[ off_GBitMask ] & 0xff00
  130. && header[ off_BBitMask ] & 0xff
  131. && header[ off_ABitMask ] & 0xff000000 ) {
  132. isRGBAUncompressed = true;
  133. blockBytes = 64;
  134. dds.format = THREE.RGBAFormat;
  135. } else {
  136. console.error( 'THREE.DDSLoader.parse: Unsupported FourCC code ', int32ToFourCC( fourCC ) );
  137. return dds;
  138. }
  139. }
  140. dds.mipmapCount = 1;
  141. if ( header[ off_flags ] & DDSD_MIPMAPCOUNT && loadMipmaps !== false ) {
  142. dds.mipmapCount = Math.max( 1, header[ off_mipmapCount ] );
  143. }
  144. var caps2 = header[ off_caps2 ];
  145. dds.isCubemap = caps2 & DDSCAPS2_CUBEMAP ? true : false;
  146. if ( dds.isCubemap && (
  147. ! ( caps2 & DDSCAPS2_CUBEMAP_POSITIVEX ) ||
  148. ! ( caps2 & DDSCAPS2_CUBEMAP_NEGATIVEX ) ||
  149. ! ( caps2 & DDSCAPS2_CUBEMAP_POSITIVEY ) ||
  150. ! ( caps2 & DDSCAPS2_CUBEMAP_NEGATIVEY ) ||
  151. ! ( caps2 & DDSCAPS2_CUBEMAP_POSITIVEZ ) ||
  152. ! ( caps2 & DDSCAPS2_CUBEMAP_NEGATIVEZ )
  153. ) ) {
  154. console.error( 'THREE.DDSLoader.parse: Incomplete cubemap faces' );
  155. return dds;
  156. }
  157. dds.width = header[ off_width ];
  158. dds.height = header[ off_height ];
  159. var dataOffset = header[ off_size ] + 4;
  160. // Extract mipmaps buffers
  161. var faces = dds.isCubemap ? 6 : 1;
  162. for ( var face = 0; face < faces; face ++ ) {
  163. var width = dds.width;
  164. var height = dds.height;
  165. for ( var i = 0; i < dds.mipmapCount; i ++ ) {
  166. if ( isRGBAUncompressed ) {
  167. var byteArray = loadARGBMip( buffer, dataOffset, width, height );
  168. var dataLength = byteArray.length;
  169. } else {
  170. var dataLength = Math.max( 4, width ) / 4 * Math.max( 4, height ) / 4 * blockBytes;
  171. var byteArray = new Uint8Array( buffer, dataOffset, dataLength );
  172. }
  173. var mipmap = { "data": byteArray, "width": width, "height": height };
  174. dds.mipmaps.push( mipmap );
  175. dataOffset += dataLength;
  176. width = Math.max( width >> 1, 1 );
  177. height = Math.max( height >> 1, 1 );
  178. }
  179. }
  180. return dds;
  181. }
  182. } );