OBJMTLLoader.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486
  1. /**
  2. * Loads a Wavefront .obj file with materials
  3. *
  4. * @author mrdoob / http://mrdoob.com/
  5. * @author angelxuanchang
  6. */
  7. THREE.OBJMTLLoader = function () {};
  8. THREE.OBJMTLLoader.prototype = {
  9. constructor: THREE.OBJMTLLoader,
  10. load: function ( url, mtlurl, onLoad, onProgress, onError ) {
  11. var scope = this;
  12. var mtlLoader = new THREE.MTLLoader( url.substr( 0, url.lastIndexOf( "/" ) + 1 ) );
  13. mtlLoader.load( mtlurl, function ( materials ) {
  14. var materialsCreator = materials;
  15. materialsCreator.preload();
  16. var loader = new THREE.XHRLoader( scope.manager );
  17. loader.setCrossOrigin( this.crossOrigin );
  18. loader.load( url, function ( text ) {
  19. var object = scope.parse( text );
  20. object.traverse( function ( object ) {
  21. if ( object instanceof THREE.Mesh ) {
  22. if ( object.material.name ) {
  23. var material = materialsCreator.create( object.material.name );
  24. if ( material ) object.material = material;
  25. }
  26. }
  27. } );
  28. onLoad( object );
  29. } );
  30. } );
  31. },
  32. /**
  33. * Parses loaded .obj file
  34. * @param data - content of .obj file
  35. * @param mtllibCallback - callback to handle mtllib declaration (optional)
  36. * @return {THREE.Object3D} - Object3D (with default material)
  37. */
  38. parse: function ( data, mtllibCallback ) {
  39. function vector( x, y, z ) {
  40. return new THREE.Vector3( x, y, z );
  41. }
  42. function uv( u, v ) {
  43. return new THREE.Vector2( u, v );
  44. }
  45. function face3( a, b, c, normals ) {
  46. return new THREE.Face3( a, b, c, normals );
  47. }
  48. function meshN( meshName, materialName ) {
  49. if ( geometry.vertices.length > 0 ) {
  50. geometry.mergeVertices();
  51. geometry.computeCentroids();
  52. geometry.computeFaceNormals();
  53. geometry.computeBoundingSphere();
  54. object.add( mesh );
  55. geometry = new THREE.Geometry();
  56. mesh = new THREE.Mesh( geometry, material );
  57. verticesCount = 0;
  58. }
  59. if ( meshName !== undefined ) mesh.name = meshName;
  60. if ( materialName !== undefined ) {
  61. material = new THREE.MeshLambertMaterial();
  62. material.name = materialName;
  63. mesh.material = material;
  64. }
  65. }
  66. var group = new THREE.Object3D();
  67. var object = group;
  68. var geometry = new THREE.Geometry();
  69. var material = new THREE.MeshLambertMaterial();
  70. var mesh = new THREE.Mesh( geometry, material );
  71. var vertices = [];
  72. var verticesCount = 0;
  73. var normals = [];
  74. var uvs = [];
  75. // v float float float
  76. var vertex_pattern = /v( +[\d|\.|\+|\-|e]+)( +[\d|\.|\+|\-|e]+)( +[\d|\.|\+|\-|e]+)/;
  77. // vn float float float
  78. var normal_pattern = /vn( +[\d|\.|\+|\-|e]+)( +[\d|\.|\+|\-|e]+)( +[\d|\.|\+|\-|e]+)/;
  79. // vt float float
  80. var uv_pattern = /vt( +[\d|\.|\+|\-|e]+)( +[\d|\.|\+|\-|e]+)/;
  81. // f vertex vertex vertex ...
  82. var face_pattern1 = /f( +\d+)( +\d+)( +\d+)( +\d+)?/;
  83. // f vertex/uv vertex/uv vertex/uv ...
  84. var face_pattern2 = /f( +(\d+)\/(\d+))( +(\d+)\/(\d+))( +(\d+)\/(\d+))( +(\d+)\/(\d+))?/;
  85. // f vertex/uv/normal vertex/uv/normal vertex/uv/normal ...
  86. var face_pattern3 = /f( +(\d+)\/(\d+)\/(\d+))( +(\d+)\/(\d+)\/(\d+))( +(\d+)\/(\d+)\/(\d+))( +(\d+)\/(\d+)\/(\d+))?/;
  87. // f vertex//normal vertex//normal vertex//normal ...
  88. var face_pattern4 = /f( +(\d+)\/\/(\d+))( +(\d+)\/\/(\d+))( +(\d+)\/\/(\d+))( +(\d+)\/\/(\d+))?/
  89. //
  90. var lines = data.split( "\n" );
  91. for ( var i = 0; i < lines.length; i ++ ) {
  92. var line = lines[ i ];
  93. line = line.trim();
  94. var result;
  95. if ( line.length === 0 || line.charAt( 0 ) === '#' ) {
  96. continue;
  97. } else if ( ( result = vertex_pattern.exec( line ) ) !== null ) {
  98. // ["v 1.0 2.0 3.0", "1.0", "2.0", "3.0"]
  99. vertices.push( vector(
  100. parseFloat( result[ 1 ] ),
  101. parseFloat( result[ 2 ] ),
  102. parseFloat( result[ 3 ] )
  103. ) );
  104. } else if ( ( result = normal_pattern.exec( line ) ) !== null ) {
  105. // ["vn 1.0 2.0 3.0", "1.0", "2.0", "3.0"]
  106. normals.push( vector(
  107. parseFloat( result[ 1 ] ),
  108. parseFloat( result[ 2 ] ),
  109. parseFloat( result[ 3 ] )
  110. ) );
  111. } else if ( ( result = uv_pattern.exec( line ) ) !== null ) {
  112. // ["vt 0.1 0.2", "0.1", "0.2"]
  113. uvs.push( uv(
  114. parseFloat( result[ 1 ] ),
  115. parseFloat( result[ 2 ] )
  116. ) );
  117. } else if ( ( result = face_pattern1.exec( line ) ) !== null ) {
  118. // ["f 1 2 3", "1", "2", "3", undefined]
  119. if ( result[ 4 ] === undefined ) {
  120. geometry.vertices.push(
  121. vertices[ parseInt( result[ 1 ] ) - 1 ],
  122. vertices[ parseInt( result[ 2 ] ) - 1 ],
  123. vertices[ parseInt( result[ 3 ] ) - 1 ]
  124. );
  125. geometry.faces.push( face3(
  126. verticesCount ++,
  127. verticesCount ++,
  128. verticesCount ++
  129. ) );
  130. } else {
  131. geometry.vertices.push(
  132. vertices[ parseInt( result[ 1 ] ) - 1 ],
  133. vertices[ parseInt( result[ 2 ] ) - 1 ],
  134. vertices[ parseInt( result[ 3 ] ) - 1 ],
  135. vertices[ parseInt( result[ 4 ] ) - 1 ]
  136. );
  137. geometry.faces.push( face3(
  138. verticesCount,
  139. verticesCount + 1,
  140. verticesCount + 3
  141. ) );
  142. geometry.faces.push( face3(
  143. verticesCount + 1,
  144. verticesCount + 2,
  145. verticesCount + 3
  146. ) );
  147. verticesCount += 4;
  148. }
  149. } else if ( ( result = face_pattern2.exec( line ) ) !== null ) {
  150. // ["f 1/1 2/2 3/3", " 1/1", "1", "1", " 2/2", "2", "2", " 3/3", "3", "3", undefined, undefined, undefined]
  151. if ( result[ 10 ] === undefined ) {
  152. geometry.vertices.push(
  153. vertices[ parseInt( result[ 2 ] ) - 1 ],
  154. vertices[ parseInt( result[ 5 ] ) - 1 ],
  155. vertices[ parseInt( result[ 8 ] ) - 1 ]
  156. );
  157. geometry.faces.push( face3(
  158. verticesCount ++,
  159. verticesCount ++,
  160. verticesCount ++
  161. ) );
  162. geometry.faceVertexUvs[ 0 ].push( [
  163. uvs[ parseInt( result[ 3 ] ) - 1 ],
  164. uvs[ parseInt( result[ 6 ] ) - 1 ],
  165. uvs[ parseInt( result[ 9 ] ) - 1 ]
  166. ] );
  167. } else {
  168. geometry.vertices.push(
  169. vertices[ parseInt( result[ 2 ] ) - 1 ],
  170. vertices[ parseInt( result[ 5 ] ) - 1 ],
  171. vertices[ parseInt( result[ 8 ] ) - 1 ],
  172. vertices[ parseInt( result[ 11 ] ) - 1 ]
  173. );
  174. geometry.faces.push( face3(
  175. verticesCount,
  176. verticesCount + 1,
  177. verticesCount + 3
  178. ) );
  179. geometry.faceVertexUvs[ 0 ].push( [
  180. uvs[ parseInt( result[ 3 ] ) - 1 ],
  181. uvs[ parseInt( result[ 6 ] ) - 1 ],
  182. uvs[ parseInt( result[ 12 ] ) - 1 ]
  183. ] );
  184. geometry.faces.push( face3(
  185. verticesCount + 1,
  186. verticesCount + 2,
  187. verticesCount + 3
  188. ) );
  189. geometry.faceVertexUvs[ 0 ].push( [
  190. uvs[ parseInt( result[ 6 ] ) - 1 ],
  191. uvs[ parseInt( result[ 9 ] ) - 1 ],
  192. uvs[ parseInt( result[ 12 ] ) - 1 ]
  193. ] );
  194. verticesCount += 4;
  195. }
  196. } else if ( ( result = face_pattern3.exec( line ) ) !== null ) {
  197. // ["f 1/1/1 2/2/2 3/3/3", " 1/1/1", "1", "1", "1", " 2/2/2", "2", "2", "2", " 3/3/3", "3", "3", "3", undefined, undefined, undefined, undefined]
  198. if ( result[ 13 ] === undefined ) {
  199. geometry.vertices.push(
  200. vertices[ parseInt( result[ 2 ] ) - 1 ],
  201. vertices[ parseInt( result[ 6 ] ) - 1 ],
  202. vertices[ parseInt( result[ 10 ] ) - 1 ]
  203. );
  204. geometry.faces.push( face3(
  205. verticesCount ++,
  206. verticesCount ++,
  207. verticesCount ++,
  208. [
  209. normals[ parseInt( result[ 4 ] ) - 1 ],
  210. normals[ parseInt( result[ 8 ] ) - 1 ],
  211. normals[ parseInt( result[ 12 ] ) - 1 ]
  212. ]
  213. ) );
  214. geometry.faceVertexUvs[ 0 ].push( [
  215. uvs[ parseInt( result[ 3 ] ) - 1 ],
  216. uvs[ parseInt( result[ 7 ] ) - 1 ],
  217. uvs[ parseInt( result[ 11 ] ) - 1 ]
  218. ] );
  219. } else {
  220. geometry.vertices.push(
  221. vertices[ parseInt( result[ 2 ] ) - 1 ],
  222. vertices[ parseInt( result[ 6 ] ) - 1 ],
  223. vertices[ parseInt( result[ 10 ] ) - 1 ],
  224. vertices[ parseInt( result[ 14 ] ) - 1 ]
  225. );
  226. geometry.faces.push( face3(
  227. verticesCount,
  228. verticesCount + 1,
  229. verticesCount + 3,
  230. [
  231. normals[ parseInt( result[ 4 ] ) - 1 ],
  232. normals[ parseInt( result[ 8 ] ) - 1 ],
  233. normals[ parseInt( result[ 16 ] ) - 1 ]
  234. ]
  235. ) );
  236. geometry.faceVertexUvs[ 0 ].push( [
  237. uvs[ parseInt( result[ 3 ] ) - 1 ],
  238. uvs[ parseInt( result[ 7 ] ) - 1 ],
  239. uvs[ parseInt( result[ 15 ] ) - 1 ]
  240. ] );
  241. geometry.faces.push( face3(
  242. verticesCount + 1,
  243. verticesCount + 2,
  244. verticesCount + 3,
  245. [
  246. normals[ parseInt( result[ 8 ] ) - 1 ],
  247. normals[ parseInt( result[ 12 ] ) - 1 ],
  248. normals[ parseInt( result[ 16 ] ) - 1 ]
  249. ]
  250. ) );
  251. geometry.faceVertexUvs[ 0 ].push( [
  252. uvs[ parseInt( result[ 7 ] ) - 1 ],
  253. uvs[ parseInt( result[ 11 ] ) - 1 ],
  254. uvs[ parseInt( result[ 15 ] ) - 1 ]
  255. ] );
  256. verticesCount += 4;
  257. }
  258. } else if ( ( result = face_pattern4.exec( line ) ) !== null ) {
  259. // ["f 1//1 2//2 3//3", " 1//1", "1", "1", " 2//2", "2", "2", " 3//3", "3", "3", undefined, undefined, undefined]
  260. if ( result[ 10 ] === undefined ) {
  261. geometry.vertices.push(
  262. vertices[ parseInt( result[ 2 ] ) - 1 ],
  263. vertices[ parseInt( result[ 5 ] ) - 1 ],
  264. vertices[ parseInt( result[ 8 ] ) - 1 ]
  265. );
  266. geometry.faces.push( face3(
  267. verticesCount ++,
  268. verticesCount ++,
  269. verticesCount ++,
  270. [
  271. normals[ parseInt( result[ 3 ] ) - 1 ],
  272. normals[ parseInt( result[ 6 ] ) - 1 ],
  273. normals[ parseInt( result[ 9 ] ) - 1 ]
  274. ]
  275. ) );
  276. } else {
  277. geometry.vertices.push(
  278. vertices[ parseInt( result[ 2 ] ) - 1 ],
  279. vertices[ parseInt( result[ 5 ] ) - 1 ],
  280. vertices[ parseInt( result[ 8 ] ) - 1 ],
  281. vertices[ parseInt( result[ 11 ] ) - 1 ]
  282. );
  283. geometry.faces.push( face3(
  284. verticesCount,
  285. verticesCount + 1,
  286. verticesCount + 3,
  287. [
  288. normals[ parseInt( result[ 3 ] ) - 1 ],
  289. normals[ parseInt( result[ 6 ] ) - 1 ],
  290. normals[ parseInt( result[ 12 ] ) - 1 ]
  291. ]
  292. ) );
  293. geometry.faces.push( face3(
  294. verticesCount + 1,
  295. verticesCount + 2,
  296. verticesCount + 3,
  297. [
  298. normals[ parseInt( result[ 6 ] ) - 1 ],
  299. normals[ parseInt( result[ 9 ] ) - 1 ],
  300. normals[ parseInt( result[ 12 ] ) - 1 ]
  301. ]
  302. ) );
  303. verticesCount += 4;
  304. }
  305. } else if ( /^o /.test( line ) ) {
  306. // object
  307. object = new THREE.Object3D();
  308. object.name = line.substring( 2 ).trim();
  309. group.add( object );
  310. } else if ( /^g /.test( line ) ) {
  311. // group
  312. meshN( line.substring( 2 ).trim(), undefined );
  313. } else if ( /^usemtl /.test( line ) ) {
  314. // material
  315. meshN( undefined, line.substring( 7 ).trim() );
  316. } else if ( /^mtllib /.test( line ) ) {
  317. // mtl file
  318. if ( mtllibCallback ) {
  319. var mtlfile = line.substring( 7 );
  320. mtlfile = mtlfile.trim();
  321. mtllibCallback( mtlfile );
  322. }
  323. } else if ( /^s /.test( line ) ) {
  324. // Smooth shading
  325. } else {
  326. console.log( "THREE.OBJMTLLoader: Unhandled line " + line );
  327. }
  328. }
  329. //Add last object
  330. meshN(undefined, undefined);
  331. return group;
  332. }
  333. };
  334. THREE.EventDispatcher.prototype.apply( THREE.OBJMTLLoader.prototype );