DDSLoader.js 6.0 KB

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