DDSLoader.js 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  1. /*
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. THREE.DDSLoader = function () {};
  5. THREE.DDSLoader.prototype = {
  6. constructor: THREE.DDSLoader,
  7. load: function ( url, onLoad, onError ) {
  8. var scope = this;
  9. var images = [];
  10. var texture = new THREE.CompressedTexture();
  11. texture.image = images;
  12. // no flipping for cube textures
  13. // (also flipping doesn't work for compressed textures )
  14. texture.flipY = false;
  15. // can't generate mipmaps for compressed textures
  16. // mips must be embedded in DDS files
  17. texture.generateMipmaps = false;
  18. if ( url instanceof Array ) {
  19. var loaded = 0;
  20. var loader = new THREE.XHRLoader();
  21. loader.setResponseType( 'arraybuffer' );
  22. var loadTexture = function ( i ) {
  23. loader.load( url[ i ], function ( buffer ) {
  24. var dds = scope.parse( buffer, true );
  25. images[ i ] = {
  26. width: dds.width,
  27. height: dds.height,
  28. format: dds.format,
  29. mipmaps: dds.mipmaps
  30. }
  31. loaded += 1;
  32. if ( loaded === 6 ) {
  33. texture.format = dds.format;
  34. texture.needsUpdate = true;
  35. if ( onLoad ) onLoad( texture );
  36. }
  37. } );
  38. }
  39. for ( var i = 0, il = url.length; i < il; ++ i ) {
  40. loadTexture( i );
  41. }
  42. } else {
  43. // compressed cubemap texture stored in a single DDS file
  44. var loader = new THREE.XHRLoader();
  45. loader.setResponseType( 'arraybuffer' );
  46. loader.load( url, function ( buffer ) {
  47. var dds = scope.parse( buffer, true );
  48. if ( dds.isCubemap ) {
  49. var faces = dds.mipmaps.length / dds.mipmapCount;
  50. for ( var f = 0; f < faces; f ++ ) {
  51. images[ f ] = { mipmaps : [] };
  52. for ( var i = 0; i < dds.mipmapCount; i ++ ) {
  53. images[ f ].mipmaps.push( dds.mipmaps[ f * dds.mipmapCount + i ] );
  54. images[ f ].format = dds.format;
  55. images[ f ].width = dds.width;
  56. images[ f ].height = dds.height;
  57. }
  58. }
  59. } else {
  60. texture.image.width = dds.width;
  61. texture.image.height = dds.height;
  62. texture.mipmaps = dds.mipmaps;
  63. }
  64. texture.format = dds.format;
  65. texture.needsUpdate = true;
  66. if ( onLoad ) onLoad( texture );
  67. } );
  68. }
  69. return texture;
  70. },
  71. parse: function ( buffer, loadMipmaps ) {
  72. var dds = { mipmaps: [], width: 0, height: 0, format: null, mipmapCount: 1 };
  73. // Adapted from @toji's DDS utils
  74. // https://github.com/toji/webgl-texture-utils/blob/master/texture-util/dds.js
  75. // All values and structures referenced from:
  76. // http://msdn.microsoft.com/en-us/library/bb943991.aspx/
  77. var DDS_MAGIC = 0x20534444;
  78. var DDSD_CAPS = 0x1,
  79. DDSD_HEIGHT = 0x2,
  80. DDSD_WIDTH = 0x4,
  81. DDSD_PITCH = 0x8,
  82. DDSD_PIXELFORMAT = 0x1000,
  83. DDSD_MIPMAPCOUNT = 0x20000,
  84. DDSD_LINEARSIZE = 0x80000,
  85. DDSD_DEPTH = 0x800000;
  86. var DDSCAPS_COMPLEX = 0x8,
  87. DDSCAPS_MIPMAP = 0x400000,
  88. DDSCAPS_TEXTURE = 0x1000;
  89. var DDSCAPS2_CUBEMAP = 0x200,
  90. DDSCAPS2_CUBEMAP_POSITIVEX = 0x400,
  91. DDSCAPS2_CUBEMAP_NEGATIVEX = 0x800,
  92. DDSCAPS2_CUBEMAP_POSITIVEY = 0x1000,
  93. DDSCAPS2_CUBEMAP_NEGATIVEY = 0x2000,
  94. DDSCAPS2_CUBEMAP_POSITIVEZ = 0x4000,
  95. DDSCAPS2_CUBEMAP_NEGATIVEZ = 0x8000,
  96. DDSCAPS2_VOLUME = 0x200000;
  97. var DDPF_ALPHAPIXELS = 0x1,
  98. DDPF_ALPHA = 0x2,
  99. DDPF_FOURCC = 0x4,
  100. DDPF_RGB = 0x40,
  101. DDPF_YUV = 0x200,
  102. DDPF_LUMINANCE = 0x20000;
  103. function fourCCToInt32( value ) {
  104. return value.charCodeAt(0) +
  105. (value.charCodeAt(1) << 8) +
  106. (value.charCodeAt(2) << 16) +
  107. (value.charCodeAt(3) << 24);
  108. }
  109. function int32ToFourCC( value ) {
  110. return String.fromCharCode(
  111. value & 0xff,
  112. (value >> 8) & 0xff,
  113. (value >> 16) & 0xff,
  114. (value >> 24) & 0xff
  115. );
  116. }
  117. function loadARGBMip( buffer, dataOffset, width, height ) {
  118. var dataLength = width*height*4;
  119. var srcBuffer = new Uint8Array( buffer, dataOffset, dataLength );
  120. var byteArray = new Uint8Array( dataLength );
  121. var dst = 0;
  122. var src = 0;
  123. for ( var y = 0; y < height; y++ ) {
  124. for ( var x = 0; x < width; x++ ) {
  125. var b = srcBuffer[src]; src++;
  126. var g = srcBuffer[src]; src++;
  127. var r = srcBuffer[src]; src++;
  128. var a = srcBuffer[src]; src++;
  129. byteArray[dst] = r; dst++; //r
  130. byteArray[dst] = g; dst++; //g
  131. byteArray[dst] = b; dst++; //b
  132. byteArray[dst] = a; dst++; //a
  133. }
  134. }
  135. return byteArray;
  136. }
  137. var FOURCC_DXT1 = fourCCToInt32("DXT1");
  138. var FOURCC_DXT3 = fourCCToInt32("DXT3");
  139. var FOURCC_DXT5 = fourCCToInt32("DXT5");
  140. var headerLengthInt = 31; // The header length in 32 bit ints
  141. // Offsets into the header array
  142. var off_magic = 0;
  143. var off_size = 1;
  144. var off_flags = 2;
  145. var off_height = 3;
  146. var off_width = 4;
  147. var off_mipmapCount = 7;
  148. var off_pfFlags = 20;
  149. var off_pfFourCC = 21;
  150. var off_RGBBitCount = 22;
  151. var off_RBitMask = 23;
  152. var off_GBitMask = 24;
  153. var off_BBitMask = 25;
  154. var off_ABitMask = 26;
  155. var off_caps = 27;
  156. var off_caps2 = 28;
  157. var off_caps3 = 29;
  158. var off_caps4 = 30;
  159. // Parse header
  160. var header = new Int32Array( buffer, 0, headerLengthInt );
  161. if ( header[ off_magic ] !== DDS_MAGIC ) {
  162. console.error( 'THREE.DDSLoader.parse: Invalid magic number in DDS header.' );
  163. return dds;
  164. }
  165. if ( ! header[ off_pfFlags ] & DDPF_FOURCC ) {
  166. console.error( 'THREE.DDSLoader.parse: Unsupported format, must contain a FourCC code.' );
  167. return dds;
  168. }
  169. var blockBytes;
  170. var fourCC = header[ off_pfFourCC ];
  171. var isRGBAUncompressed = false;
  172. switch ( fourCC ) {
  173. case FOURCC_DXT1:
  174. blockBytes = 8;
  175. dds.format = THREE.RGB_S3TC_DXT1_Format;
  176. break;
  177. case FOURCC_DXT3:
  178. blockBytes = 16;
  179. dds.format = THREE.RGBA_S3TC_DXT3_Format;
  180. break;
  181. case FOURCC_DXT5:
  182. blockBytes = 16;
  183. dds.format = THREE.RGBA_S3TC_DXT5_Format;
  184. break;
  185. default:
  186. if( header[off_RGBBitCount] ==32
  187. && header[off_RBitMask]&0xff0000
  188. && header[off_GBitMask]&0xff00
  189. && header[off_BBitMask]&0xff
  190. && header[off_ABitMask]&0xff000000 ) {
  191. isRGBAUncompressed = true;
  192. blockBytes = 64;
  193. dds.format = THREE.RGBAFormat;
  194. } else {
  195. console.error( 'THREE.DDSLoader.parse: Unsupported FourCC code ', int32ToFourCC( fourCC ) );
  196. return dds;
  197. }
  198. }
  199. dds.mipmapCount = 1;
  200. if ( header[ off_flags ] & DDSD_MIPMAPCOUNT && loadMipmaps !== false ) {
  201. dds.mipmapCount = Math.max( 1, header[ off_mipmapCount ] );
  202. }
  203. //TODO: Verify that all faces of the cubemap are present with DDSCAPS2_CUBEMAP_POSITIVEX, etc.
  204. dds.isCubemap = header[ off_caps2 ] & DDSCAPS2_CUBEMAP ? true : false;
  205. dds.width = header[ off_width ];
  206. dds.height = header[ off_height ];
  207. var dataOffset = header[ off_size ] + 4;
  208. // Extract mipmaps buffers
  209. var width = dds.width;
  210. var height = dds.height;
  211. var faces = dds.isCubemap ? 6 : 1;
  212. for ( var face = 0; face < faces; face ++ ) {
  213. for ( var i = 0; i < dds.mipmapCount; i ++ ) {
  214. if( isRGBAUncompressed ) {
  215. var byteArray = loadARGBMip( buffer, dataOffset, width, height );
  216. var dataLength = byteArray.length;
  217. } else {
  218. var dataLength = Math.max( 4, width ) / 4 * Math.max( 4, height ) / 4 * blockBytes;
  219. var byteArray = new Uint8Array( buffer, dataOffset, dataLength );
  220. }
  221. var mipmap = { "data": byteArray, "width": width, "height": height };
  222. dds.mipmaps.push( mipmap );
  223. dataOffset += dataLength;
  224. width = Math.max( width * 0.5, 1 );
  225. height = Math.max( height * 0.5, 1 );
  226. }
  227. width = dds.width;
  228. height = dds.height;
  229. }
  230. return dds;
  231. }
  232. };