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