GeometryLoader.js 14 KB

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