GeometryLoader.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. * @author alteredq / http://alteredqualia.com/
  4. */
  5. THREE.GeometryLoader = function () {
  6. THREE.EventTarget.call( this );
  7. this.crossOrigin = null;
  8. this.path = null;
  9. };
  10. THREE.GeometryLoader.prototype = {
  11. constructor: THREE.GeometryLoader,
  12. load: function ( url ) {
  13. var scope = this;
  14. var geometry = null;
  15. if ( scope.path === null ) {
  16. var parts = url.split( '/' ); parts.pop();
  17. scope.path = ( parts.length < 1 ? '.' : parts.join( '/' ) );
  18. }
  19. //
  20. var xhr = new XMLHttpRequest();
  21. xhr.addEventListener( 'load', function ( event ) {
  22. if ( event.target.responseText ) {
  23. geometry = scope.parse( JSON.parse( event.target.responseText ), monitor );
  24. } else {
  25. scope.dispatchEvent( { type: 'error', message: 'Invalid file [' + url + ']' } );
  26. }
  27. }, false );
  28. xhr.addEventListener( 'error', function () {
  29. scope.dispatchEvent( { type: 'error', message: 'Couldn\'t load URL [' + url + ']' } );
  30. }, false );
  31. xhr.open( 'GET', url, true );
  32. xhr.send( null );
  33. //
  34. var monitor = new THREE.LoadingMonitor();
  35. monitor.addEventListener( 'load', function ( event ) {
  36. scope.dispatchEvent( { type: 'load', content: geometry } );
  37. } );
  38. monitor.add( xhr );
  39. },
  40. parse: function ( data, monitor ) {
  41. var scope = this;
  42. var geometry = new THREE.Geometry();
  43. var scale = ( data.scale !== undefined ) ? 1 / data.scale : 1;
  44. // materials
  45. if ( data.materials ) {
  46. geometry.materials = [];
  47. for ( var i = 0; i < data.materials.length; ++ i ) {
  48. var m = data.materials[ i ];
  49. function isPow2( n ) {
  50. var l = Math.log( n ) / Math.LN2;
  51. return Math.floor( l ) == l;
  52. }
  53. function nearestPow2( n ) {
  54. var l = Math.log( n ) / Math.LN2;
  55. return Math.pow( 2, Math.round( l ) );
  56. }
  57. function createTexture( where, name, sourceFile, repeat, offset, wrap ) {
  58. where[ name ] = new THREE.Texture();
  59. where[ name ].sourceFile = sourceFile;
  60. if ( repeat ) {
  61. where[ name ].repeat.set( repeat[ 0 ], repeat[ 1 ] );
  62. if ( repeat[ 0 ] != 1 ) where[ name ].wrapS = THREE.RepeatWrapping;
  63. if ( repeat[ 1 ] != 1 ) where[ name ].wrapT = THREE.RepeatWrapping;
  64. }
  65. if ( offset ) {
  66. where[ name ].offset.set( offset[ 0 ], offset[ 1 ] );
  67. }
  68. if ( wrap ) {
  69. var wrapMap = {
  70. "repeat": THREE.RepeatWrapping,
  71. "mirror": THREE.MirroredRepeatWrapping
  72. }
  73. if ( wrapMap[ wrap[ 0 ] ] !== undefined ) where[ name ].wrapS = wrapMap[ wrap[ 0 ] ];
  74. if ( wrapMap[ wrap[ 1 ] ] !== undefined ) where[ name ].wrapT = wrapMap[ wrap[ 1 ] ];
  75. }
  76. // load image
  77. var texture = where[ name ];
  78. var loader = new THREE.ImageLoader();
  79. loader.addEventListener( 'load', function ( event ) {
  80. var image = event.content;
  81. if ( !isPow2( image.width ) || !isPow2( image.height ) ) {
  82. var width = nearestPow2( image.width );
  83. var height = nearestPow2( image.height );
  84. texture.image = document.createElement( 'canvas' );
  85. texture.image.width = width;
  86. texture.image.height = height;
  87. texture.image.getContext( '2d' ).drawImage( image, 0, 0, width, height );
  88. } else {
  89. texture.image = image;
  90. }
  91. texture.needsUpdate = true;
  92. } );
  93. loader.crossOrigin = scope.crossOrigin;
  94. loader.load( scope.path + '/' + sourceFile );
  95. if ( monitor ) monitor.add( loader );
  96. }
  97. function rgb2hex( rgb ) {
  98. return ( rgb[ 0 ] * 255 << 16 ) + ( rgb[ 1 ] * 255 << 8 ) + rgb[ 2 ] * 255;
  99. }
  100. // defaults
  101. var mtype = "MeshLambertMaterial";
  102. var mpars = { color: 0xeeeeee, opacity: 1.0, map: null, lightMap: null, normalMap: null, wireframe: m.wireframe };
  103. // parameters from model file
  104. if ( m.shading ) {
  105. var shading = m.shading.toLowerCase();
  106. if ( shading === "phong" ) mtype = "MeshPhongMaterial";
  107. else if ( shading === "basic" ) mtype = "MeshBasicMaterial";
  108. }
  109. if ( m.blending !== undefined && THREE[ m.blending ] !== undefined ) {
  110. mpars.blending = THREE[ m.blending ];
  111. }
  112. if ( m.transparent !== undefined || m.opacity < 1.0 ) {
  113. mpars.transparent = m.transparent;
  114. }
  115. if ( m.depthTest !== undefined ) {
  116. mpars.depthTest = m.depthTest;
  117. }
  118. if ( m.depthWrite !== undefined ) {
  119. mpars.depthWrite = m.depthWrite;
  120. }
  121. if ( m.vertexColors !== undefined ) {
  122. if ( m.vertexColors == "face" ) {
  123. mpars.vertexColors = THREE.FaceColors;
  124. } else if ( m.vertexColors ) {
  125. mpars.vertexColors = THREE.VertexColors;
  126. }
  127. }
  128. // colors
  129. if ( m.colorDiffuse ) {
  130. mpars.color = rgb2hex( m.colorDiffuse );
  131. } else if ( m.DbgColor ) {
  132. mpars.color = m.DbgColor;
  133. }
  134. if ( m.colorSpecular ) {
  135. mpars.specular = rgb2hex( m.colorSpecular );
  136. }
  137. if ( m.colorAmbient ) {
  138. mpars.ambient = rgb2hex( m.colorAmbient );
  139. }
  140. // modifiers
  141. if ( m.transparency ) {
  142. mpars.opacity = m.transparency;
  143. }
  144. if ( m.specularCoef ) {
  145. mpars.shininess = m.specularCoef;
  146. }
  147. // textures
  148. if ( m.mapDiffuse ) {
  149. createTexture( mpars, "map", m.mapDiffuse, m.mapDiffuseRepeat, m.mapDiffuseOffset, m.mapDiffuseWrap );
  150. }
  151. if ( m.mapLight ) {
  152. createTexture( mpars, "lightMap", m.mapLight, m.mapLightRepeat, m.mapLightOffset, m.mapLightWrap );
  153. }
  154. if ( m.mapNormal ) {
  155. createTexture( mpars, "normalMap", m.mapNormal, m.mapNormalRepeat, m.mapNormalOffset, m.mapNormalWrap );
  156. }
  157. if ( m.mapSpecular ) {
  158. createTexture( mpars, "specularMap", m.mapSpecular, m.mapSpecularRepeat, m.mapSpecularOffset, m.mapSpecularWrap );
  159. }
  160. // special case for normal mapped material
  161. if ( m.mapNormal ) {
  162. var shader = THREE.ShaderUtils.lib[ "normal" ];
  163. var uniforms = THREE.UniformsUtils.clone( shader.uniforms );
  164. uniforms[ "tNormal" ].texture = mpars.normalMap;
  165. if ( m.mapNormalFactor ) {
  166. uniforms[ "uNormalScale" ].value = m.mapNormalFactor;
  167. }
  168. if ( mpars.map ) {
  169. uniforms[ "tDiffuse" ].texture = mpars.map;
  170. uniforms[ "enableDiffuse" ].value = true;
  171. }
  172. if ( mpars.specularMap ) {
  173. uniforms[ "tSpecular" ].texture = mpars.specularMap;
  174. uniforms[ "enableSpecular" ].value = true;
  175. }
  176. if ( mpars.lightMap ) {
  177. uniforms[ "tAO" ].texture = mpars.lightMap;
  178. uniforms[ "enableAO" ].value = true;
  179. }
  180. // for the moment don't handle displacement texture
  181. uniforms[ "uDiffuseColor" ].value.setHex( mpars.color );
  182. uniforms[ "uSpecularColor" ].value.setHex( mpars.specular );
  183. uniforms[ "uAmbientColor" ].value.setHex( mpars.ambient );
  184. uniforms[ "uShininess" ].value = mpars.shininess;
  185. if ( mpars.opacity !== undefined ) {
  186. uniforms[ "uOpacity" ].value = mpars.opacity;
  187. }
  188. var parameters = { fragmentShader: shader.fragmentShader, vertexShader: shader.vertexShader, uniforms: uniforms, lights: true, fog: true };
  189. var material = new THREE.ShaderMaterial( parameters );
  190. } else {
  191. var material = new THREE[ mtype ]( mpars );
  192. }
  193. if ( m.DbgName !== undefined ) material.name = m.DbgName;
  194. geometry.materials[ i ] = material;
  195. }
  196. }
  197. // geometry
  198. function isBitSet( value, position ) {
  199. return value & ( 1 << position );
  200. }
  201. var faces = data.faces;
  202. var vertices = data.vertices;
  203. var normals = data.normals;
  204. var colors = data.colors;
  205. var nUvLayers = 0;
  206. // disregard empty arrays
  207. if ( data.uvs ) {
  208. for ( var i = 0; i < data.uvs.length; i ++ ) {
  209. if ( data.uvs[ i ].length ) nUvLayers ++;
  210. }
  211. }
  212. for ( var i = 0; i < nUvLayers; i ++ ) {
  213. geometry.faceUvs[ i ] = [];
  214. geometry.faceVertexUvs[ i ] = [];
  215. }
  216. var offset = 0;
  217. var zLength = vertices.length;
  218. while ( offset < zLength ) {
  219. var vertex = new THREE.Vector3();
  220. vertex.x = vertices[ offset ++ ] * scale;
  221. vertex.y = vertices[ offset ++ ] * scale;
  222. vertex.z = vertices[ offset ++ ] * scale;
  223. geometry.vertices.push( vertex );
  224. }
  225. offset = 0;
  226. zLength = faces.length;
  227. while ( offset < zLength ) {
  228. var type = faces[ offset ++ ];
  229. var isQuad = isBitSet( type, 0 );
  230. var hasMaterial = isBitSet( type, 1 );
  231. var hasFaceUv = isBitSet( type, 2 );
  232. var hasFaceVertexUv = isBitSet( type, 3 );
  233. var hasFaceNormal = isBitSet( type, 4 );
  234. var hasFaceVertexNormal = isBitSet( type, 5 );
  235. var hasFaceColor = isBitSet( type, 6 );
  236. var hasFaceVertexColor = isBitSet( type, 7 );
  237. // console.log("type", type, "bits", isQuad, hasMaterial, hasFaceUv, hasFaceVertexUv, hasFaceNormal, hasFaceVertexNormal, hasFaceColor, hasFaceVertexColor);
  238. if ( isQuad ) {
  239. var face = new THREE.Face4();
  240. face.a = faces[ offset ++ ];
  241. face.b = faces[ offset ++ ];
  242. face.c = faces[ offset ++ ];
  243. face.d = faces[ offset ++ ];
  244. var nVertices = 4;
  245. } else {
  246. var face = new THREE.Face3();
  247. face.a = faces[ offset ++ ];
  248. face.b = faces[ offset ++ ];
  249. face.c = faces[ offset ++ ];
  250. var nVertices = 3;
  251. }
  252. if ( hasMaterial ) {
  253. var materialIndex = faces[ offset ++ ];
  254. face.materialIndex = materialIndex;
  255. }
  256. // to get face <=> uv index correspondence
  257. var fi = geometry.faces.length;
  258. if ( hasFaceUv ) {
  259. for ( var i = 0; i < nUvLayers; i ++ ) {
  260. var uvLayer = data.uvs[ i ];
  261. var uvIndex = faces[ offset ++ ];
  262. var u = uvLayer[ uvIndex * 2 ];
  263. var v = uvLayer[ uvIndex * 2 + 1 ];
  264. geometry.faceUvs[ i ][ fi ] = new THREE.UV( u, v );
  265. }
  266. }
  267. if ( hasFaceVertexUv ) {
  268. for ( var i = 0; i < nUvLayers; i ++ ) {
  269. var uvLayer = data.uvs[ i ];
  270. var uvs = [];
  271. for ( var j = 0; j < nVertices; j ++ ) {
  272. var uvIndex = faces[ offset ++ ];
  273. var u = uvLayer[ uvIndex * 2 ];
  274. var v = uvLayer[ uvIndex * 2 + 1 ];
  275. uvs[ j ] = new THREE.UV( u, v );
  276. }
  277. geometry.faceVertexUvs[ i ][ fi ] = uvs;
  278. }
  279. }
  280. if ( hasFaceNormal ) {
  281. var normalIndex = faces[ offset ++ ] * 3;
  282. var normal = new THREE.Vector3();
  283. normal.x = normals[ normalIndex ++ ];
  284. normal.y = normals[ normalIndex ++ ];
  285. normal.z = normals[ normalIndex ];
  286. face.normal = normal;
  287. }
  288. if ( hasFaceVertexNormal ) {
  289. for ( i = 0; i < nVertices; i ++ ) {
  290. var normalIndex = faces[ offset ++ ] * 3;
  291. var normal = new THREE.Vector3();
  292. normal.x = normals[ normalIndex ++ ];
  293. normal.y = normals[ normalIndex ++ ];
  294. normal.z = normals[ normalIndex ];
  295. face.vertexNormals.push( normal );
  296. }
  297. }
  298. if ( hasFaceColor ) {
  299. var colorIndex = faces[ offset ++ ];
  300. face.color = new THREE.Color( colors[ colorIndex ] );
  301. }
  302. if ( hasFaceVertexColor ) {
  303. for ( var i = 0; i < nVertices; i ++ ) {
  304. var colorIndex = faces[ offset ++ ];
  305. face.vertexColors.push( new THREE.Color( colors[ colorIndex ] ) );
  306. }
  307. }
  308. geometry.faces.push( face );
  309. }
  310. // skin
  311. if ( data.skinWeights ) {
  312. for ( var i = 0, l = data.skinWeights.length; i < l; i += 2 ) {
  313. var x = data.skinWeights[ i ];
  314. var y = data.skinWeights[ i + 1 ];
  315. var z = 0;
  316. var w = 0;
  317. geometry.skinWeights.push( new THREE.Vector4( x, y, z, w ) );
  318. }
  319. }
  320. if ( data.skinIndices ) {
  321. for ( var i = 0, l = data.skinIndices.length; i < l; i += 2 ) {
  322. var a = data.skinIndices[ i ];
  323. var b = data.skinIndices[ i + 1 ];
  324. var c = 0;
  325. var d = 0;
  326. geometry.skinIndices.push( new THREE.Vector4( a, b, c, d ) );
  327. }
  328. }
  329. geometry.bones = data.bones;
  330. geometry.animation = data.animation;
  331. // morphing
  332. if ( data.morphTargets ) {
  333. for ( var i = 0, l = data.morphTargets.length; i < l; i ++ ) {
  334. geometry.morphTargets[ i ] = {};
  335. geometry.morphTargets[ i ].name = data.morphTargets[ i ].name;
  336. geometry.morphTargets[ i ].vertices = [];
  337. var dstVertices = geometry.morphTargets[ i ].vertices;
  338. var srcVertices = data.morphTargets [ i ].vertices;
  339. for( var v = 0, vl = srcVertices.length; v < vl; v += 3 ) {
  340. var vertex = new THREE.Vector3();
  341. vertex.x = srcVertices[ v ] * scale;
  342. vertex.y = srcVertices[ v + 1 ] * scale;
  343. vertex.z = srcVertices[ v + 2 ] * scale;
  344. dstVertices.push( vertex );
  345. }
  346. }
  347. }
  348. if ( data.morphColors ) {
  349. for ( var i = 0, l = data.morphColors.length; i < l; i++ ) {
  350. geometry.morphColors[ i ] = {};
  351. geometry.morphColors[ i ].name = data.morphColors[ i ].name;
  352. geometry.morphColors[ i ].colors = [];
  353. var dstColors = geometry.morphColors[ i ].colors;
  354. var srcColors = data.morphColors [ i ].colors;
  355. for ( var c = 0, cl = srcColors.length; c < cl; c += 3 ) {
  356. var color = new THREE.Color( 0xffaa00 );
  357. color.setRGB( srcColors[ c ], srcColors[ c + 1 ], srcColors[ c + 2 ] );
  358. dstColors.push( color );
  359. }
  360. }
  361. }
  362. geometry.computeCentroids();
  363. geometry.computeFaceNormals();
  364. return geometry;
  365. }
  366. };