RGBELoader.js 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404
  1. /**
  2. * @author Nikos M. / https://github.com/foo123/
  3. */
  4. import {
  5. DataTextureLoader,
  6. DefaultLoadingManager,
  7. FloatType,
  8. RGBEFormat,
  9. RGBFormat,
  10. UnsignedByteType
  11. } from "../../../build/three.module.js";
  12. // https://github.com/mrdoob/three.js/issues/5552
  13. // http://en.wikipedia.org/wiki/RGBE_image_format
  14. var RGBELoader = function ( manager ) {
  15. this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager;
  16. this.type = UnsignedByteType;
  17. };
  18. // extend DataTextureLoader
  19. RGBELoader.prototype = Object.create( DataTextureLoader.prototype );
  20. // adapted from http://www.graphics.cornell.edu/~bjw/rgbe.html
  21. RGBELoader.prototype._parser = function ( buffer ) {
  22. var
  23. /* return codes for rgbe routines */
  24. RGBE_RETURN_SUCCESS = 0,
  25. RGBE_RETURN_FAILURE = - 1,
  26. /* default error routine. change this to change error handling */
  27. rgbe_read_error = 1,
  28. rgbe_write_error = 2,
  29. rgbe_format_error = 3,
  30. rgbe_memory_error = 4,
  31. rgbe_error = function ( rgbe_error_code, msg ) {
  32. switch ( rgbe_error_code ) {
  33. case rgbe_read_error: console.error( "RGBELoader Read Error: " + ( msg || '' ) );
  34. break;
  35. case rgbe_write_error: console.error( "RGBELoader Write Error: " + ( msg || '' ) );
  36. break;
  37. case rgbe_format_error: console.error( "RGBELoader Bad File Format: " + ( msg || '' ) );
  38. break;
  39. default:
  40. case rgbe_memory_error: console.error( "RGBELoader: Error: " + ( msg || '' ) );
  41. }
  42. return RGBE_RETURN_FAILURE;
  43. },
  44. /* offsets to red, green, and blue components in a data (float) pixel */
  45. RGBE_DATA_RED = 0,
  46. RGBE_DATA_GREEN = 1,
  47. RGBE_DATA_BLUE = 2,
  48. /* number of floats per pixel, use 4 since stored in rgba image format */
  49. RGBE_DATA_SIZE = 4,
  50. /* flags indicating which fields in an rgbe_header_info are valid */
  51. RGBE_VALID_PROGRAMTYPE = 1,
  52. RGBE_VALID_FORMAT = 2,
  53. RGBE_VALID_DIMENSIONS = 4,
  54. NEWLINE = "\n",
  55. fgets = function ( buffer, lineLimit, consume ) {
  56. lineLimit = ! lineLimit ? 1024 : lineLimit;
  57. var p = buffer.pos,
  58. i = - 1, len = 0, s = '', chunkSize = 128,
  59. chunk = String.fromCharCode.apply( null, new Uint16Array( buffer.subarray( p, p + chunkSize ) ) )
  60. ;
  61. while ( ( 0 > ( i = chunk.indexOf( NEWLINE ) ) ) && ( len < lineLimit ) && ( p < buffer.byteLength ) ) {
  62. s += chunk; len += chunk.length;
  63. p += chunkSize;
  64. chunk += String.fromCharCode.apply( null, new Uint16Array( buffer.subarray( p, p + chunkSize ) ) );
  65. }
  66. if ( - 1 < i ) {
  67. /*for (i=l-1; i>=0; i--) {
  68. byteCode = m.charCodeAt(i);
  69. if (byteCode > 0x7f && byteCode <= 0x7ff) byteLen++;
  70. else if (byteCode > 0x7ff && byteCode <= 0xffff) byteLen += 2;
  71. if (byteCode >= 0xDC00 && byteCode <= 0xDFFF) i--; //trail surrogate
  72. }*/
  73. if ( false !== consume ) buffer.pos += len + i + 1;
  74. return s + chunk.slice( 0, i );
  75. }
  76. return false;
  77. },
  78. /* minimal header reading. modify if you want to parse more information */
  79. RGBE_ReadHeader = function ( buffer ) {
  80. var line, match,
  81. // regexes to parse header info fields
  82. magic_token_re = /^#\?(\S+)$/,
  83. gamma_re = /^\s*GAMMA\s*=\s*(\d+(\.\d+)?)\s*$/,
  84. exposure_re = /^\s*EXPOSURE\s*=\s*(\d+(\.\d+)?)\s*$/,
  85. format_re = /^\s*FORMAT=(\S+)\s*$/,
  86. dimensions_re = /^\s*\-Y\s+(\d+)\s+\+X\s+(\d+)\s*$/,
  87. // RGBE format header struct
  88. header = {
  89. valid: 0, /* indicate which fields are valid */
  90. string: '', /* the actual header string */
  91. comments: '', /* comments found in header */
  92. programtype: 'RGBE', /* listed at beginning of file to identify it after "#?". defaults to "RGBE" */
  93. format: '', /* RGBE format, default 32-bit_rle_rgbe */
  94. gamma: 1.0, /* image has already been gamma corrected with given gamma. defaults to 1.0 (no correction) */
  95. exposure: 1.0, /* a value of 1.0 in an image corresponds to <exposure> watts/steradian/m^2. defaults to 1.0 */
  96. width: 0, height: 0 /* image dimensions, width/height */
  97. };
  98. if ( buffer.pos >= buffer.byteLength || ! ( line = fgets( buffer ) ) ) {
  99. return rgbe_error( rgbe_read_error, "no header found" );
  100. }
  101. /* if you want to require the magic token then uncomment the next line */
  102. if ( ! ( match = line.match( magic_token_re ) ) ) {
  103. return rgbe_error( rgbe_format_error, "bad initial token" );
  104. }
  105. header.valid |= RGBE_VALID_PROGRAMTYPE;
  106. header.programtype = match[ 1 ];
  107. header.string += line + "\n";
  108. while ( true ) {
  109. line = fgets( buffer );
  110. if ( false === line ) break;
  111. header.string += line + "\n";
  112. if ( '#' === line.charAt( 0 ) ) {
  113. header.comments += line + "\n";
  114. continue; // comment line
  115. }
  116. if ( match = line.match( gamma_re ) ) {
  117. header.gamma = parseFloat( match[ 1 ], 10 );
  118. }
  119. if ( match = line.match( exposure_re ) ) {
  120. header.exposure = parseFloat( match[ 1 ], 10 );
  121. }
  122. if ( match = line.match( format_re ) ) {
  123. header.valid |= RGBE_VALID_FORMAT;
  124. header.format = match[ 1 ];//'32-bit_rle_rgbe';
  125. }
  126. if ( match = line.match( dimensions_re ) ) {
  127. header.valid |= RGBE_VALID_DIMENSIONS;
  128. header.height = parseInt( match[ 1 ], 10 );
  129. header.width = parseInt( match[ 2 ], 10 );
  130. }
  131. if ( ( header.valid & RGBE_VALID_FORMAT ) && ( header.valid & RGBE_VALID_DIMENSIONS ) ) break;
  132. }
  133. if ( ! ( header.valid & RGBE_VALID_FORMAT ) ) {
  134. return rgbe_error( rgbe_format_error, "missing format specifier" );
  135. }
  136. if ( ! ( header.valid & RGBE_VALID_DIMENSIONS ) ) {
  137. return rgbe_error( rgbe_format_error, "missing image size specifier" );
  138. }
  139. return header;
  140. },
  141. RGBE_ReadPixels_RLE = function ( buffer, w, h ) {
  142. var data_rgba, offset, pos, count, byteValue,
  143. scanline_buffer, ptr, ptr_end, i, l, off, isEncodedRun,
  144. scanline_width = w, num_scanlines = h, rgbeStart
  145. ;
  146. if (
  147. // run length encoding is not allowed so read flat
  148. ( ( scanline_width < 8 ) || ( scanline_width > 0x7fff ) ) ||
  149. // this file is not run length encoded
  150. ( ( 2 !== buffer[ 0 ] ) || ( 2 !== buffer[ 1 ] ) || ( buffer[ 2 ] & 0x80 ) )
  151. ) {
  152. // return the flat buffer
  153. return new Uint8Array( buffer );
  154. }
  155. if ( scanline_width !== ( ( buffer[ 2 ] << 8 ) | buffer[ 3 ] ) ) {
  156. return rgbe_error( rgbe_format_error, "wrong scanline width" );
  157. }
  158. data_rgba = new Uint8Array( 4 * w * h );
  159. if ( ! data_rgba || ! data_rgba.length ) {
  160. return rgbe_error( rgbe_memory_error, "unable to allocate buffer space" );
  161. }
  162. offset = 0; pos = 0; ptr_end = 4 * scanline_width;
  163. rgbeStart = new Uint8Array( 4 );
  164. scanline_buffer = new Uint8Array( ptr_end );
  165. // read in each successive scanline
  166. while ( ( num_scanlines > 0 ) && ( pos < buffer.byteLength ) ) {
  167. if ( pos + 4 > buffer.byteLength ) {
  168. return rgbe_error( rgbe_read_error );
  169. }
  170. rgbeStart[ 0 ] = buffer[ pos ++ ];
  171. rgbeStart[ 1 ] = buffer[ pos ++ ];
  172. rgbeStart[ 2 ] = buffer[ pos ++ ];
  173. rgbeStart[ 3 ] = buffer[ pos ++ ];
  174. if ( ( 2 != rgbeStart[ 0 ] ) || ( 2 != rgbeStart[ 1 ] ) || ( ( ( rgbeStart[ 2 ] << 8 ) | rgbeStart[ 3 ] ) != scanline_width ) ) {
  175. return rgbe_error( rgbe_format_error, "bad rgbe scanline format" );
  176. }
  177. // read each of the four channels for the scanline into the buffer
  178. // first red, then green, then blue, then exponent
  179. ptr = 0;
  180. while ( ( ptr < ptr_end ) && ( pos < buffer.byteLength ) ) {
  181. count = buffer[ pos ++ ];
  182. isEncodedRun = count > 128;
  183. if ( isEncodedRun ) count -= 128;
  184. if ( ( 0 === count ) || ( ptr + count > ptr_end ) ) {
  185. return rgbe_error( rgbe_format_error, "bad scanline data" );
  186. }
  187. if ( isEncodedRun ) {
  188. // a (encoded) run of the same value
  189. byteValue = buffer[ pos ++ ];
  190. for ( i = 0; i < count; i ++ ) {
  191. scanline_buffer[ ptr ++ ] = byteValue;
  192. }
  193. //ptr += count;
  194. } else {
  195. // a literal-run
  196. scanline_buffer.set( buffer.subarray( pos, pos + count ), ptr );
  197. ptr += count; pos += count;
  198. }
  199. }
  200. // now convert data from buffer into rgba
  201. // first red, then green, then blue, then exponent (alpha)
  202. l = scanline_width; //scanline_buffer.byteLength;
  203. for ( i = 0; i < l; i ++ ) {
  204. off = 0;
  205. data_rgba[ offset ] = scanline_buffer[ i + off ];
  206. off += scanline_width; //1;
  207. data_rgba[ offset + 1 ] = scanline_buffer[ i + off ];
  208. off += scanline_width; //1;
  209. data_rgba[ offset + 2 ] = scanline_buffer[ i + off ];
  210. off += scanline_width; //1;
  211. data_rgba[ offset + 3 ] = scanline_buffer[ i + off ];
  212. offset += 4;
  213. }
  214. num_scanlines --;
  215. }
  216. return data_rgba;
  217. }
  218. ;
  219. var byteArray = new Uint8Array( buffer );
  220. byteArray.pos = 0;
  221. var rgbe_header_info = RGBE_ReadHeader( byteArray );
  222. if ( RGBE_RETURN_FAILURE !== rgbe_header_info ) {
  223. var w = rgbe_header_info.width,
  224. h = rgbe_header_info.height,
  225. image_rgba_data = RGBE_ReadPixels_RLE( byteArray.subarray( byteArray.pos ), w, h )
  226. ;
  227. if ( RGBE_RETURN_FAILURE !== image_rgba_data ) {
  228. if ( this.type === UnsignedByteType ) {
  229. var data = image_rgba_data;
  230. var format = RGBEFormat; // handled as THREE.RGBAFormat in shaders
  231. var type = UnsignedByteType;
  232. } else if ( this.type === FloatType ) {
  233. var RGBEByteToRGBFloat = function ( sourceArray, sourceOffset, destArray, destOffset ) {
  234. var e = sourceArray[ sourceOffset + 3 ];
  235. var scale = Math.pow( 2.0, e - 128.0 ) / 255.0;
  236. destArray[ destOffset + 0 ] = sourceArray[ sourceOffset + 0 ] * scale;
  237. destArray[ destOffset + 1 ] = sourceArray[ sourceOffset + 1 ] * scale;
  238. destArray[ destOffset + 2 ] = sourceArray[ sourceOffset + 2 ] * scale;
  239. };
  240. var numElements = ( image_rgba_data.length / 4 ) * 3;
  241. var floatArray = new Float32Array( numElements );
  242. for ( var j = 0; j < numElements; j ++ ) {
  243. RGBEByteToRGBFloat( image_rgba_data, j * 4, floatArray, j * 3 );
  244. }
  245. var data = floatArray;
  246. var format = RGBFormat;
  247. var type = FloatType;
  248. } else {
  249. console.error( 'THREE.RGBELoader: unsupported type: ', this.type );
  250. }
  251. return {
  252. width: w, height: h,
  253. data: data,
  254. header: rgbe_header_info.string,
  255. gamma: rgbe_header_info.gamma,
  256. exposure: rgbe_header_info.exposure,
  257. format: format,
  258. type: type
  259. };
  260. }
  261. }
  262. return null;
  263. };
  264. RGBELoader.prototype.setType = function ( value ) {
  265. this.type = value;
  266. return this;
  267. };
  268. export { RGBELoader };