UTF8Loader.js 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328
  1. /**
  2. * Loader for UTF8 encoded models generated by:
  3. * http://code.google.com/p/webgl-loader/
  4. *
  5. * Limitations:
  6. * - number of vertices < 65536 (this is after optimizations in compressor, input OBJ may have even less)
  7. * - models must have normals and texture coordinates
  8. * - texture coordinates must be only from <0,1>
  9. * - no materials support yet
  10. * - models are scaled and offset (copy numbers from compressor and use them as parameters in UTF8Loader.load() )
  11. *
  12. * @author alteredq / http://alteredqualia.com/
  13. * @author won3d / http://twitter.com/won3d
  14. */
  15. THREE.UTF8Loader = function () {};
  16. THREE.UTF8Loader.prototype.load = function ( url, callback, metadata ) {
  17. var xhr = new XMLHttpRequest();
  18. var callbackProgress = null;
  19. var length = 0;
  20. xhr.onreadystatechange = function() {
  21. if ( xhr.readyState == 4 ) {
  22. if ( xhr.status == 200 || xhr.status == 0 ) {
  23. var geometry = THREE.UTF8Loader.prototype.parse( xhr.responseText, metadata );
  24. callback( geometry );
  25. } else {
  26. console.error( "THREE.UTF8Loader: Couldn't load [" + url + "] [" + xhr.status + "]" );
  27. }
  28. } else if ( xhr.readyState == 3 ) {
  29. if ( callbackProgress ) {
  30. if ( length == 0 ) {
  31. length = xhr.getResponseHeader( "Content-Length" );
  32. }
  33. callbackProgress( { total: length, loaded: xhr.responseText.length } );
  34. }
  35. } else if ( xhr.readyState == 2 ) {
  36. length = xhr.getResponseHeader( "Content-Length" );
  37. }
  38. }
  39. xhr.open( "GET", url, true );
  40. xhr.send( null );
  41. };
  42. // UTF-8 decoder from webgl-loader
  43. // http://code.google.com/p/webgl-loader/
  44. // Copyright 2011 Google Inc. All Rights Reserved.
  45. //
  46. // Licensed under the Apache License, Version 2.0 (the "License"); you
  47. // may not use this file except in compliance with the License. You
  48. // may obtain a copy of the License at
  49. //
  50. // http://www.apache.org/licenses/LICENSE-2.0
  51. //
  52. // Unless required by applicable law or agreed to in writing, software
  53. // distributed under the License is distributed on an "AS IS" BASIS,
  54. // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
  55. // implied. See the License for the specific language governing
  56. // permissions and limitations under the License.
  57. THREE.UTF8Loader.prototype.decompressMesh = function ( str ) {
  58. var num_verts = str.charCodeAt( 0 );
  59. if ( num_verts >= 0xE000 ) {
  60. num_verts -= 0x0800;
  61. }
  62. num_verts ++;
  63. var attribs_out = new Float32Array( 8 * num_verts );
  64. var offset = 1;
  65. for ( var i = 0; i < 8; i ++ ) {
  66. var prev_attrib = 0;
  67. for ( var j = 0; j < num_verts; ++ j ) {
  68. var code = str.charCodeAt( j + offset );
  69. prev_attrib += ( code >> 1 ) ^ ( - ( code & 1 ) );
  70. attribs_out[ 8 * j + i ] = prev_attrib;
  71. }
  72. offset += num_verts;
  73. }
  74. var num_indices = str.length - offset;
  75. var indices_out = new Uint16Array( num_indices );
  76. var index_high_water_mark = 0;
  77. for ( var i = 0; i < num_indices; i ++ ) {
  78. var code = str.charCodeAt( i + offset );
  79. indices_out[ i ] = index_high_water_mark - code;
  80. if ( code == 0 ) {
  81. index_high_water_mark ++;
  82. }
  83. }
  84. return [ attribs_out, indices_out ];
  85. };
  86. THREE.UTF8Loader.prototype.parse = function ( data, metadata ) {
  87. if ( metadata === undefined ) metadata = {};
  88. var scale = metadata.scale !== undefined ? metadata.scale : 1;
  89. var offsetX = metadata.offsetX !== undefined ? metadata.offsetX : 0;
  90. var offsetY = metadata.offsetY !== undefined ? metadata.offsetY : 0;
  91. var offsetZ = metadata.offsetZ !== undefined ? metadata.offsetZ : 0;
  92. var Model = function ( texture_path ) {
  93. //var s = (new Date).getTime();
  94. var scope = this;
  95. scope.materials = [];
  96. THREE.Geometry.call( this );
  97. var buffers = THREE.UTF8Loader.prototype.decompressMesh( data );
  98. var normals = [],
  99. uvs = [];
  100. init_vertices( buffers[ 0 ], 8, 0 );
  101. init_uvs( buffers[ 0 ], 8, 3 );
  102. init_normals( buffers[ 0 ], 8, 5 );
  103. init_faces( buffers[ 1 ] );
  104. this.computeCentroids();
  105. this.computeFaceNormals();
  106. //this.computeTangents();
  107. //var e = (new Date).getTime();
  108. //console.log( "utf8 data parse time: " + (e-s) + " ms" );
  109. function init_vertices( data, stride, offset ) {
  110. var i, x, y, z,
  111. end = data.length;
  112. for( i = offset; i < end; i += stride ) {
  113. x = data[ i ];
  114. y = data[ i + 1 ];
  115. z = data[ i + 2 ];
  116. // fix scale and offsets
  117. x = ( x / 16383 ) * scale;
  118. y = ( y / 16383 ) * scale;
  119. z = ( z / 16383 ) * scale;
  120. x += offsetX;
  121. y += offsetY;
  122. z += offsetZ;
  123. vertex( scope, x, y, z );
  124. }
  125. };
  126. function init_normals( data, stride, offset ) {
  127. var i, x, y, z,
  128. end = data.length;
  129. for( i = offset; i < end; i += stride ) {
  130. x = data[ i ];
  131. y = data[ i + 1 ];
  132. z = data[ i + 2 ];
  133. // normalize to <-1,1>
  134. x = ( x - 512 ) / 511;
  135. y = ( y - 512 ) / 511;
  136. z = ( z - 512 ) / 511;
  137. normals.push( x, y, z );
  138. }
  139. };
  140. function init_uvs( data, stride, offset ) {
  141. var i, u, v,
  142. end = data.length;
  143. for( i = offset; i < end; i += stride ) {
  144. u = data[ i ];
  145. v = data[ i + 1 ];
  146. // normalize to <0,1>
  147. u /= 1023;
  148. v /= 1023;
  149. uvs.push( u, v );
  150. }
  151. };
  152. function init_faces( indices ) {
  153. var i,
  154. a, b, c,
  155. u1, v1, u2, v2, u3, v3,
  156. m,
  157. end = indices.length;
  158. m = 0; // all faces defaulting to material 0
  159. for( i = 0; i < end; i += 3 ) {
  160. a = indices[ i ];
  161. b = indices[ i + 1 ];
  162. c = indices[ i + 2 ];
  163. f3n( scope, normals, a, b, c, m, a, b, c );
  164. u1 = uvs[ a * 2 ];
  165. v1 = uvs[ a * 2 + 1 ];
  166. u2 = uvs[ b * 2 ];
  167. v2 = uvs[ b * 2 + 1 ];
  168. u3 = uvs[ c * 2 ];
  169. v3 = uvs[ c * 2 + 1 ];
  170. uv3( scope.faceVertexUvs[ 0 ], u1, v1, u2, v2, u3, v3 );
  171. }
  172. }
  173. };
  174. function vertex ( scope, x, y, z ) {
  175. scope.vertices.push( new THREE.Vector3( x, y, z ) );
  176. };
  177. function f3n ( scope, normals, a, b, c, mi, nai, nbi, nci ) {
  178. var nax = normals[ nai * 3 ],
  179. nay = normals[ nai * 3 + 1 ],
  180. naz = normals[ nai * 3 + 2 ],
  181. nbx = normals[ nbi * 3 ],
  182. nby = normals[ nbi * 3 + 1 ],
  183. nbz = normals[ nbi * 3 + 2 ],
  184. ncx = normals[ nci * 3 ],
  185. ncy = normals[ nci * 3 + 1 ],
  186. ncz = normals[ nci * 3 + 2 ];
  187. var na = new THREE.Vector3( nax, nay, naz ),
  188. nb = new THREE.Vector3( nbx, nby, nbz ),
  189. nc = new THREE.Vector3( ncx, ncy, ncz );
  190. scope.faces.push( new THREE.Face3( a, b, c, [ na, nb, nc ], null, mi ) );
  191. };
  192. function uv3 ( where, u1, v1, u2, v2, u3, v3 ) {
  193. var uv = [];
  194. uv.push( new THREE.UV( u1, v1 ) );
  195. uv.push( new THREE.UV( u2, v2 ) );
  196. uv.push( new THREE.UV( u3, v3 ) );
  197. where.push( uv );
  198. };
  199. Model.prototype = Object.create( THREE.Geometry.prototype );
  200. return new Model();
  201. };