loadKTX.js 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. import when from '../ThirdParty/when.js';
  2. import Check from './Check.js';
  3. import CompressedTextureBuffer from './CompressedTextureBuffer.js';
  4. import defined from './defined.js';
  5. import PixelFormat from './PixelFormat.js';
  6. import Resource from './Resource.js';
  7. import RuntimeError from './RuntimeError.js';
  8. import WebGLConstants from './WebGLConstants.js';
  9. /**
  10. * Asynchronously loads and parses the given URL to a KTX file or parses the raw binary data of a KTX file.
  11. * Returns a promise that will resolve to an object containing the image buffer, width, height and format once loaded,
  12. * or reject if the URL failed to load or failed to parse the data. The data is loaded
  13. * using XMLHttpRequest, which means that in order to make requests to another origin,
  14. * the server must have Cross-Origin Resource Sharing (CORS) headers enabled.
  15. * <p>
  16. * The following are part of the KTX format specification but are not supported:
  17. * <ul>
  18. * <li>Big-endian files</li>
  19. * <li>Metadata</li>
  20. * <li>3D textures</li>
  21. * <li>Texture Arrays</li>
  22. * <li>Cubemaps</li>
  23. * <li>Mipmaps</li>
  24. * </ul>
  25. * </p>
  26. *
  27. * @exports loadKTX
  28. *
  29. * @param {Resource|String|ArrayBuffer} resourceOrUrlOrBuffer The URL of the binary data or an ArrayBuffer.
  30. * @returns {Promise.<CompressedTextureBuffer>|undefined} A promise that will resolve to the requested data when loaded. Returns undefined if <code>request.throttle</code> is true and the request does not have high enough priority.
  31. *
  32. * @exception {RuntimeError} Invalid KTX file.
  33. * @exception {RuntimeError} File is the wrong endianness.
  34. * @exception {RuntimeError} glInternalFormat is not a valid format.
  35. * @exception {RuntimeError} glType must be zero when the texture is compressed.
  36. * @exception {RuntimeError} The type size for compressed textures must be 1.
  37. * @exception {RuntimeError} glFormat must be zero when the texture is compressed.
  38. * @exception {RuntimeError} Generating mipmaps for a compressed texture is unsupported.
  39. * @exception {RuntimeError} The base internal format must be the same as the format for uncompressed textures.
  40. * @exception {RuntimeError} 3D textures are not supported.
  41. * @exception {RuntimeError} Texture arrays are not supported.
  42. * @exception {RuntimeError} Cubemaps are not supported.
  43. *
  44. * @example
  45. * // load a single URL asynchronously
  46. * Cesium.loadKTX('some/url').then(function(ktxData) {
  47. * var width = ktxData.width;
  48. * var height = ktxData.height;
  49. * var format = ktxData.internalFormat;
  50. * var arrayBufferView = ktxData.bufferView;
  51. * // use the data to create a texture
  52. * }).otherwise(function(error) {
  53. * // an error occurred
  54. * });
  55. *
  56. * @see {@link https://www.khronos.org/opengles/sdk/tools/KTX/file_format_spec/|KTX file format}
  57. * @see {@link http://www.w3.org/TR/cors/|Cross-Origin Resource Sharing}
  58. * @see {@link http://wiki.commonjs.org/wiki/Promises/A|CommonJS Promises/A}
  59. */
  60. function loadKTX(resourceOrUrlOrBuffer) {
  61. //>>includeStart('debug', pragmas.debug);
  62. Check.defined('resourceOrUrlOrBuffer', resourceOrUrlOrBuffer);
  63. //>>includeEnd('debug');
  64. var loadPromise;
  65. if (resourceOrUrlOrBuffer instanceof ArrayBuffer || ArrayBuffer.isView(resourceOrUrlOrBuffer)) {
  66. loadPromise = when.resolve(resourceOrUrlOrBuffer);
  67. } else {
  68. var resource = Resource.createIfNeeded(resourceOrUrlOrBuffer);
  69. loadPromise = resource.fetchArrayBuffer();
  70. }
  71. if (!defined(loadPromise)) {
  72. return undefined;
  73. }
  74. return loadPromise.then(function(data) {
  75. if (defined(data)) {
  76. return parseKTX(data);
  77. }
  78. });
  79. }
  80. var fileIdentifier = [0xAB, 0x4B, 0x54, 0x58, 0x20, 0x31, 0x31, 0xBB, 0x0D, 0x0A, 0x1A, 0x0A];
  81. var endiannessTest = 0x04030201;
  82. var faceOrder = ['positiveX', 'negativeX', 'positiveY', 'negativeY', 'positiveZ', 'negativeZ'];
  83. var sizeOfUint32 = 4;
  84. function parseKTX(data) {
  85. var byteBuffer = new Uint8Array(data);
  86. var isKTX = true;
  87. var i;
  88. for (i = 0; i < fileIdentifier.length; ++i) {
  89. if (fileIdentifier[i] !== byteBuffer[i]) {
  90. isKTX = false;
  91. break;
  92. }
  93. }
  94. if (!isKTX) {
  95. throw new RuntimeError('Invalid KTX file.');
  96. }
  97. var view;
  98. var byteOffset;
  99. if (defined(data.buffer)) {
  100. view = new DataView(data.buffer);
  101. byteOffset = data.byteOffset;
  102. } else {
  103. view = new DataView(data);
  104. byteOffset = 0;
  105. }
  106. byteOffset += 12; // skip identifier
  107. var endianness = view.getUint32(byteOffset, true);
  108. byteOffset += sizeOfUint32;
  109. if (endianness !== endiannessTest) {
  110. throw new RuntimeError('File is the wrong endianness.');
  111. }
  112. var glType = view.getUint32(byteOffset, true);
  113. byteOffset += sizeOfUint32;
  114. var glTypeSize = view.getUint32(byteOffset, true);
  115. byteOffset += sizeOfUint32;
  116. var glFormat = view.getUint32(byteOffset, true);
  117. byteOffset += sizeOfUint32;
  118. var glInternalFormat = view.getUint32(byteOffset, true);
  119. byteOffset += sizeOfUint32;
  120. var glBaseInternalFormat = view.getUint32(byteOffset, true);
  121. byteOffset += sizeOfUint32;
  122. var pixelWidth = view.getUint32(byteOffset, true);
  123. byteOffset += sizeOfUint32;
  124. var pixelHeight = view.getUint32(byteOffset, true);
  125. byteOffset += sizeOfUint32;
  126. var pixelDepth = view.getUint32(byteOffset, true);
  127. byteOffset += sizeOfUint32;
  128. var numberOfArrayElements = view.getUint32(byteOffset, true);
  129. byteOffset += sizeOfUint32;
  130. var numberOfFaces = view.getUint32(byteOffset, true);
  131. byteOffset += sizeOfUint32;
  132. var numberOfMipmapLevels = view.getUint32(byteOffset, true);
  133. byteOffset += sizeOfUint32;
  134. var bytesOfKeyValueByteSize = view.getUint32(byteOffset, true);
  135. byteOffset += sizeOfUint32;
  136. // skip metadata
  137. byteOffset += bytesOfKeyValueByteSize;
  138. var imageSize = view.getUint32(byteOffset, true);
  139. byteOffset += sizeOfUint32;
  140. var texture;
  141. if (defined(data.buffer)) {
  142. texture = new Uint8Array(data.buffer, byteOffset, imageSize);
  143. } else {
  144. texture = new Uint8Array(data, byteOffset, imageSize);
  145. }
  146. // Some tools use a sized internal format.
  147. // See table 2: https://www.opengl.org/sdk/docs/man/html/glTexImage2D.xhtml
  148. if (glInternalFormat === WebGLConstants.RGB8) {
  149. glInternalFormat = PixelFormat.RGB;
  150. } else if (glInternalFormat === WebGLConstants.RGBA8) {
  151. glInternalFormat = PixelFormat.RGBA;
  152. }
  153. if (!PixelFormat.validate(glInternalFormat)) {
  154. throw new RuntimeError('glInternalFormat is not a valid format.');
  155. }
  156. if (PixelFormat.isCompressedFormat(glInternalFormat)) {
  157. if (glType !== 0) {
  158. throw new RuntimeError('glType must be zero when the texture is compressed.');
  159. }
  160. if (glTypeSize !== 1) {
  161. throw new RuntimeError('The type size for compressed textures must be 1.');
  162. }
  163. if (glFormat !== 0) {
  164. throw new RuntimeError('glFormat must be zero when the texture is compressed.');
  165. }
  166. } else if (glType !== WebGLConstants.UNSIGNED_BYTE) {
  167. throw new RuntimeError('Only unsigned byte buffers are supported.');
  168. } else if (glBaseInternalFormat !== glFormat) {
  169. throw new RuntimeError('The base internal format must be the same as the format for uncompressed textures.');
  170. }
  171. if (pixelDepth !== 0) {
  172. throw new RuntimeError('3D textures are unsupported.');
  173. }
  174. if (numberOfArrayElements !== 0) {
  175. throw new RuntimeError('Texture arrays are unsupported.');
  176. }
  177. var offset = texture.byteOffset;
  178. var mipmaps = new Array(numberOfMipmapLevels);
  179. for (i = 0; i < numberOfMipmapLevels; ++i) {
  180. var level = mipmaps[i] = {};
  181. for (var j = 0; j < numberOfFaces; ++j) {
  182. var width = pixelWidth >> i;
  183. var height = pixelHeight >> i;
  184. var levelSize = PixelFormat.isCompressedFormat(glInternalFormat) ?
  185. PixelFormat.compressedTextureSizeInBytes(glInternalFormat, width, height) :
  186. PixelFormat.textureSizeInBytes(glInternalFormat, glType, width, height);
  187. var levelBuffer = new Uint8Array(texture.buffer, offset, levelSize);
  188. level[faceOrder[j]] = new CompressedTextureBuffer(glInternalFormat, width, height, levelBuffer);
  189. offset += levelSize;
  190. }
  191. offset += 3 - ((offset + 3) % 4) + 4;
  192. }
  193. var result = mipmaps;
  194. if (numberOfFaces === 1) {
  195. for (i = 0; i < numberOfMipmapLevels; ++i) {
  196. result[i] = result[i][faceOrder[0]];
  197. }
  198. }
  199. if (numberOfMipmapLevels === 1) {
  200. result = result[0];
  201. }
  202. return result;
  203. }
  204. export default loadKTX;