GeometryLoader.js 13 KB

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