GeometryLoader.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685
  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: false };
  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. if ( m.visible !== undefined ) {
  148. mpars.visible = m.visible;
  149. }
  150. if ( m.flipSided !== undefined ) {
  151. mpars.side = THREE.BackSide;
  152. }
  153. if ( m.doubleSided !== undefined ) {
  154. mpars.side = THREE.DoubleSide;
  155. }
  156. if ( m.wireframe !== undefined ) {
  157. mpars.wireframe = m.wireframe;
  158. }
  159. // textures
  160. if ( m.mapDiffuse ) {
  161. createTexture( mpars, "map", m.mapDiffuse, m.mapDiffuseRepeat, m.mapDiffuseOffset, m.mapDiffuseWrap );
  162. }
  163. if ( m.mapLight ) {
  164. createTexture( mpars, "lightMap", m.mapLight, m.mapLightRepeat, m.mapLightOffset, m.mapLightWrap );
  165. }
  166. if ( m.mapNormal ) {
  167. createTexture( mpars, "normalMap", m.mapNormal, m.mapNormalRepeat, m.mapNormalOffset, m.mapNormalWrap );
  168. }
  169. if ( m.mapSpecular ) {
  170. createTexture( mpars, "specularMap", m.mapSpecular, m.mapSpecularRepeat, m.mapSpecularOffset, m.mapSpecularWrap );
  171. }
  172. // special case for normal mapped material
  173. if ( m.mapNormal ) {
  174. var shader = THREE.ShaderUtils.lib[ "normal" ];
  175. var uniforms = THREE.UniformsUtils.clone( shader.uniforms );
  176. uniforms[ "tNormal" ].texture = mpars.normalMap;
  177. if ( m.mapNormalFactor ) {
  178. uniforms[ "uNormalScale" ].value = m.mapNormalFactor;
  179. }
  180. if ( mpars.map ) {
  181. uniforms[ "tDiffuse" ].texture = mpars.map;
  182. uniforms[ "enableDiffuse" ].value = true;
  183. }
  184. if ( mpars.specularMap ) {
  185. uniforms[ "tSpecular" ].texture = mpars.specularMap;
  186. uniforms[ "enableSpecular" ].value = true;
  187. }
  188. if ( mpars.lightMap ) {
  189. uniforms[ "tAO" ].texture = mpars.lightMap;
  190. uniforms[ "enableAO" ].value = true;
  191. }
  192. // for the moment don't handle displacement texture
  193. uniforms[ "uDiffuseColor" ].value.setHex( mpars.color );
  194. uniforms[ "uSpecularColor" ].value.setHex( mpars.specular );
  195. uniforms[ "uAmbientColor" ].value.setHex( mpars.ambient );
  196. uniforms[ "uShininess" ].value = mpars.shininess;
  197. if ( mpars.opacity !== undefined ) {
  198. uniforms[ "uOpacity" ].value = mpars.opacity;
  199. }
  200. var parameters = { fragmentShader: shader.fragmentShader, vertexShader: shader.vertexShader, uniforms: uniforms, lights: true, fog: true };
  201. var material = new THREE.ShaderMaterial( parameters );
  202. } else {
  203. var material = new THREE[ mtype ]( mpars );
  204. }
  205. if ( m.DbgName !== undefined ) material.name = m.DbgName;
  206. geometry.materials[ i ] = material;
  207. }
  208. }
  209. // geometry
  210. function isBitSet( value, position ) {
  211. return value & ( 1 << position );
  212. }
  213. var faces = data.faces;
  214. var vertices = data.vertices;
  215. var normals = data.normals;
  216. var colors = data.colors;
  217. var nUvLayers = 0;
  218. // disregard empty arrays
  219. if ( data.uvs ) {
  220. for ( var i = 0; i < data.uvs.length; i ++ ) {
  221. if ( data.uvs[ i ].length ) nUvLayers ++;
  222. }
  223. }
  224. for ( var i = 0; i < nUvLayers; i ++ ) {
  225. geometry.faceUvs[ i ] = [];
  226. geometry.faceVertexUvs[ i ] = [];
  227. }
  228. var offset = 0;
  229. var zLength = vertices.length;
  230. while ( offset < zLength ) {
  231. var vertex = new THREE.Vector3();
  232. vertex.x = vertices[ offset ++ ] * scale;
  233. vertex.y = vertices[ offset ++ ] * scale;
  234. vertex.z = vertices[ offset ++ ] * scale;
  235. geometry.vertices.push( vertex );
  236. }
  237. offset = 0;
  238. zLength = faces.length;
  239. while ( offset < zLength ) {
  240. var type = faces[ offset ++ ];
  241. var isQuad = isBitSet( type, 0 );
  242. var hasMaterial = isBitSet( type, 1 );
  243. var hasFaceUv = isBitSet( type, 2 );
  244. var hasFaceVertexUv = isBitSet( type, 3 );
  245. var hasFaceNormal = isBitSet( type, 4 );
  246. var hasFaceVertexNormal = isBitSet( type, 5 );
  247. var hasFaceColor = isBitSet( type, 6 );
  248. var hasFaceVertexColor = isBitSet( type, 7 );
  249. // console.log("type", type, "bits", isQuad, hasMaterial, hasFaceUv, hasFaceVertexUv, hasFaceNormal, hasFaceVertexNormal, hasFaceColor, hasFaceVertexColor);
  250. if ( isQuad ) {
  251. var face = new THREE.Face4();
  252. face.a = faces[ offset ++ ];
  253. face.b = faces[ offset ++ ];
  254. face.c = faces[ offset ++ ];
  255. face.d = faces[ offset ++ ];
  256. var nVertices = 4;
  257. } else {
  258. var face = new THREE.Face3();
  259. face.a = faces[ offset ++ ];
  260. face.b = faces[ offset ++ ];
  261. face.c = faces[ offset ++ ];
  262. var nVertices = 3;
  263. }
  264. if ( hasMaterial ) {
  265. var materialIndex = faces[ offset ++ ];
  266. face.materialIndex = materialIndex;
  267. }
  268. // to get face <=> uv index correspondence
  269. var fi = geometry.faces.length;
  270. if ( hasFaceUv ) {
  271. for ( var i = 0; i < nUvLayers; i ++ ) {
  272. var uvLayer = data.uvs[ i ];
  273. var uvIndex = faces[ offset ++ ];
  274. var u = uvLayer[ uvIndex * 2 ];
  275. var v = uvLayer[ uvIndex * 2 + 1 ];
  276. geometry.faceUvs[ i ][ fi ] = new THREE.UV( u, v );
  277. }
  278. }
  279. if ( hasFaceVertexUv ) {
  280. for ( var i = 0; i < nUvLayers; i ++ ) {
  281. var uvLayer = data.uvs[ i ];
  282. var uvs = [];
  283. for ( var j = 0; j < nVertices; j ++ ) {
  284. var uvIndex = faces[ offset ++ ];
  285. var u = uvLayer[ uvIndex * 2 ];
  286. var v = uvLayer[ uvIndex * 2 + 1 ];
  287. uvs[ j ] = new THREE.UV( u, v );
  288. }
  289. geometry.faceVertexUvs[ i ][ fi ] = uvs;
  290. }
  291. }
  292. if ( hasFaceNormal ) {
  293. var normalIndex = faces[ offset ++ ] * 3;
  294. var normal = new THREE.Vector3();
  295. normal.x = normals[ normalIndex ++ ];
  296. normal.y = normals[ normalIndex ++ ];
  297. normal.z = normals[ normalIndex ];
  298. face.normal = normal;
  299. }
  300. if ( hasFaceVertexNormal ) {
  301. for ( i = 0; i < nVertices; i ++ ) {
  302. var normalIndex = faces[ offset ++ ] * 3;
  303. var normal = new THREE.Vector3();
  304. normal.x = normals[ normalIndex ++ ];
  305. normal.y = normals[ normalIndex ++ ];
  306. normal.z = normals[ normalIndex ];
  307. face.vertexNormals.push( normal );
  308. }
  309. }
  310. if ( hasFaceColor ) {
  311. var colorIndex = faces[ offset ++ ];
  312. face.color = new THREE.Color( colors[ colorIndex ] );
  313. }
  314. if ( hasFaceVertexColor ) {
  315. for ( var i = 0; i < nVertices; i ++ ) {
  316. var colorIndex = faces[ offset ++ ];
  317. face.vertexColors.push( new THREE.Color( colors[ colorIndex ] ) );
  318. }
  319. }
  320. geometry.faces.push( face );
  321. }
  322. // skin
  323. if ( data.skinWeights ) {
  324. for ( var i = 0, l = data.skinWeights.length; i < l; i += 2 ) {
  325. var x = data.skinWeights[ i ];
  326. var y = data.skinWeights[ i + 1 ];
  327. var z = 0;
  328. var w = 0;
  329. geometry.skinWeights.push( new THREE.Vector4( x, y, z, w ) );
  330. }
  331. }
  332. if ( data.skinIndices ) {
  333. for ( var i = 0, l = data.skinIndices.length; i < l; i += 2 ) {
  334. var a = data.skinIndices[ i ];
  335. var b = data.skinIndices[ i + 1 ];
  336. var c = 0;
  337. var d = 0;
  338. geometry.skinIndices.push( new THREE.Vector4( a, b, c, d ) );
  339. }
  340. }
  341. geometry.bones = data.bones;
  342. geometry.animation = data.animation;
  343. // morphing
  344. if ( data.morphTargets ) {
  345. for ( var i = 0, l = data.morphTargets.length; i < l; i ++ ) {
  346. geometry.morphTargets[ i ] = {};
  347. geometry.morphTargets[ i ].name = data.morphTargets[ i ].name;
  348. geometry.morphTargets[ i ].vertices = [];
  349. var dstVertices = geometry.morphTargets[ i ].vertices;
  350. var srcVertices = data.morphTargets [ i ].vertices;
  351. for( var v = 0, vl = srcVertices.length; v < vl; v += 3 ) {
  352. var vertex = new THREE.Vector3();
  353. vertex.x = srcVertices[ v ] * scale;
  354. vertex.y = srcVertices[ v + 1 ] * scale;
  355. vertex.z = srcVertices[ v + 2 ] * scale;
  356. dstVertices.push( vertex );
  357. }
  358. }
  359. }
  360. if ( data.morphColors ) {
  361. for ( var i = 0, l = data.morphColors.length; i < l; i++ ) {
  362. geometry.morphColors[ i ] = {};
  363. geometry.morphColors[ i ].name = data.morphColors[ i ].name;
  364. geometry.morphColors[ i ].colors = [];
  365. var dstColors = geometry.morphColors[ i ].colors;
  366. var srcColors = data.morphColors [ i ].colors;
  367. for ( var c = 0, cl = srcColors.length; c < cl; c += 3 ) {
  368. var color = new THREE.Color( 0xffaa00 );
  369. color.setRGB( srcColors[ c ], srcColors[ c + 1 ], srcColors[ c + 2 ] );
  370. dstColors.push( color );
  371. }
  372. }
  373. }
  374. geometry.computeCentroids();
  375. geometry.computeFaceNormals();
  376. return geometry;
  377. }
  378. };
粤ICP备19079148号