|
|
@@ -12,19 +12,20 @@ if ( THREE.OBJLoader2 === undefined ) { THREE.OBJLoader2 = {} }
|
|
|
* @class
|
|
|
*
|
|
|
* @param {THREE.DefaultLoadingManager} [manager] The loadingManager for the loader to use. Default is {@link THREE.DefaultLoadingManager}
|
|
|
+ * @param {THREE.LoaderSupport.ConsoleLogger} logger logger to be used
|
|
|
*/
|
|
|
THREE.OBJLoader2 = (function () {
|
|
|
|
|
|
- var OBJLOADER2_VERSION = '2.0.1';
|
|
|
- var Commons = THREE.LoaderSupport.Commons;
|
|
|
+ var OBJLOADER2_VERSION = '2.1.0';
|
|
|
+ var LoaderBase = THREE.LoaderSupport.LoaderBase;
|
|
|
var Validator = THREE.LoaderSupport.Validator;
|
|
|
var ConsoleLogger = THREE.LoaderSupport.ConsoleLogger;
|
|
|
|
|
|
- OBJLoader2.prototype = Object.create( THREE.LoaderSupport.Commons.prototype );
|
|
|
+ OBJLoader2.prototype = Object.create( THREE.LoaderSupport.LoaderBase.prototype );
|
|
|
OBJLoader2.prototype.constructor = OBJLoader2;
|
|
|
|
|
|
- function OBJLoader2( logger, manager ) {
|
|
|
- THREE.LoaderSupport.Commons.call( this, logger, manager );
|
|
|
+ function OBJLoader2( manager, logger ) {
|
|
|
+ THREE.LoaderSupport.LoaderBase.call( this, manager, logger );
|
|
|
this.logger.logInfo( 'Using THREE.OBJLoader2 version: ' + OBJLOADER2_VERSION );
|
|
|
|
|
|
this.materialPerSmoothingGroup = false;
|
|
|
@@ -45,15 +46,15 @@ THREE.OBJLoader2 = (function () {
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
- * Use this convenient method to load an OBJ file at the given URL. Per default the fileLoader uses an arraybuffer.
|
|
|
+ * Use this convenient method to load an OBJ file at the given URL. By default the fileLoader uses an arraybuffer.
|
|
|
* @memberOf THREE.OBJLoader2
|
|
|
*
|
|
|
- * @param {string} url URL of the file to load
|
|
|
- * @param {callback} onLoad Called after loading was successfully completed
|
|
|
- * @param {callback} onProgress Called to report progress of loading. The argument will be the XMLHttpRequest instance, which contains {integer total} and {integer loaded} bytes.
|
|
|
- * @param {callback} onError Called after an error occurred during loading
|
|
|
- * @param {callback} onMeshAlter Called after a new mesh raw data becomes available to allow alteration
|
|
|
- * @param {boolean} useAsync If true uses async loading with worker, if false loads data synchronously
|
|
|
+ * @param {string} url A string containing the path/URL of the .obj file.
|
|
|
+ * @param {callback} onLoad A function to be called after loading is successfully completed. The function receives loaded Object3D as an argument.
|
|
|
+ * @param {callback} [onProgress] A function to be called while the loading is in progress. The argument will be the XMLHttpRequest instance, which contains total and Integer bytes.
|
|
|
+ * @param {callback} [onError] A function to be called if an error occurs during loading. The function receives the error as an argument.
|
|
|
+ * @param {callback} [onMeshAlter] A function to be called after a new mesh raw data becomes available for alteration.
|
|
|
+ * @param {boolean} [useAsync] If true, uses async loading with worker, if false loads data synchronously.
|
|
|
*/
|
|
|
OBJLoader2.prototype.load = function ( url, onLoad, onProgress, onError, onMeshAlter, useAsync ) {
|
|
|
var scope = this;
|
|
|
@@ -156,7 +157,7 @@ THREE.OBJLoader2 = (function () {
|
|
|
};
|
|
|
|
|
|
OBJLoader2.prototype._applyPrepData = function ( prepData ) {
|
|
|
- THREE.LoaderSupport.Commons.prototype._applyPrepData.call( this, prepData );
|
|
|
+ THREE.LoaderSupport.LoaderBase.prototype._applyPrepData.call( this, prepData );
|
|
|
|
|
|
if ( Validator.isValid( prepData ) ) {
|
|
|
|
|
|
@@ -178,11 +179,12 @@ THREE.OBJLoader2 = (function () {
|
|
|
parser.setMaterialPerSmoothingGroup( this.materialPerSmoothingGroup );
|
|
|
parser.setUseIndices( this.useIndices );
|
|
|
parser.setDisregardNormals( this.disregardNormals );
|
|
|
- parser.setMaterialNames( this.builder.materialNames );
|
|
|
+ // sync code works directly on the material references
|
|
|
+ parser.setMaterials( this.builder.getMaterials() );
|
|
|
|
|
|
var scope = this;
|
|
|
var onMeshLoaded = function ( payload ) {
|
|
|
- var meshes = scope.builder.buildMeshes( payload );
|
|
|
+ var meshes = scope.builder.processPayload( payload );
|
|
|
var mesh;
|
|
|
for ( var i in meshes ) {
|
|
|
mesh = meshes[ i ];
|
|
|
@@ -240,7 +242,7 @@ THREE.OBJLoader2 = (function () {
|
|
|
scope.logger.logTimeEnd( 'OBJLoader2 parseAsync: ' + scope.modelName );
|
|
|
};
|
|
|
var scopedOnMeshLoaded = function ( payload ) {
|
|
|
- var meshes = scope.builder.buildMeshes( payload );
|
|
|
+ var meshes = scope.builder.processPayload( payload );
|
|
|
var mesh;
|
|
|
for ( var i in meshes ) {
|
|
|
mesh = meshes[ i ];
|
|
|
@@ -254,7 +256,7 @@ THREE.OBJLoader2 = (function () {
|
|
|
workerCode += '/**\n';
|
|
|
workerCode += ' * This code was constructed by OBJLoader2 buildWorkerCode.\n';
|
|
|
workerCode += ' */\n\n';
|
|
|
- workerCode += funcBuildSingelton( 'Commons', 'Commons', Commons );
|
|
|
+ workerCode += funcBuildSingelton( 'LoaderBase', 'LoaderBase', LoaderBase );
|
|
|
workerCode += funcBuildObject( 'Consts', Consts );
|
|
|
workerCode += funcBuildObject( 'Validator', Validator );
|
|
|
workerCode += funcBuildSingelton( 'ConsoleLogger', 'ConsoleLogger', ConsoleLogger );
|
|
|
@@ -266,10 +268,19 @@ THREE.OBJLoader2 = (function () {
|
|
|
};
|
|
|
this.workerSupport.validate( buildCode, false );
|
|
|
this.workerSupport.setCallbacks( scopedOnMeshLoaded, scopedOnLoad );
|
|
|
+
|
|
|
+ var materialNames = {};
|
|
|
+ var materials = this.builder.getMaterials();
|
|
|
+ for ( var materialName in materials ) {
|
|
|
+
|
|
|
+ materialNames[ materialName ] = materialName;
|
|
|
+
|
|
|
+ }
|
|
|
this.workerSupport.run(
|
|
|
{
|
|
|
cmd: 'run',
|
|
|
params: {
|
|
|
+ useAsync: true,
|
|
|
materialPerSmoothingGroup: this.materialPerSmoothingGroup,
|
|
|
useIndices: this.useIndices,
|
|
|
disregardNormals: this.disregardNormals
|
|
|
@@ -279,7 +290,8 @@ THREE.OBJLoader2 = (function () {
|
|
|
enabled: this.logger.enabled
|
|
|
},
|
|
|
materials: {
|
|
|
- materialNames: this.builder.materialNames
|
|
|
+ // in async case only material names are supplied to parser
|
|
|
+ materials: materialNames
|
|
|
},
|
|
|
buffers: {
|
|
|
input: content
|
|
|
@@ -323,8 +335,9 @@ THREE.OBJLoader2 = (function () {
|
|
|
this.callbackProgress = null;
|
|
|
this.callbackBuilder = null;
|
|
|
|
|
|
- this.materialNames = [];
|
|
|
+ this.materials = {};
|
|
|
this.rawMesh = null;
|
|
|
+ this.useAsync = false;
|
|
|
this.materialPerSmoothingGroup = false;
|
|
|
this.useIndices = false;
|
|
|
this.disregardNormals = false;
|
|
|
@@ -340,6 +353,10 @@ THREE.OBJLoader2 = (function () {
|
|
|
this.totalBytes = 0;
|
|
|
};
|
|
|
|
|
|
+ Parser.prototype.setUseAsync = function ( useAsync ) {
|
|
|
+ this.useAsync = useAsync;
|
|
|
+ };
|
|
|
+
|
|
|
Parser.prototype.setMaterialPerSmoothingGroup = function ( materialPerSmoothingGroup ) {
|
|
|
this.materialPerSmoothingGroup = materialPerSmoothingGroup;
|
|
|
};
|
|
|
@@ -352,9 +369,9 @@ THREE.OBJLoader2 = (function () {
|
|
|
this.disregardNormals = disregardNormals;
|
|
|
};
|
|
|
|
|
|
- Parser.prototype.setMaterialNames = function ( materialNames ) {
|
|
|
- this.materialNames = Validator.verifyInput( materialNames, this.materialNames );
|
|
|
- this.materialNames = Validator.verifyInput( this.materialNames, [] );
|
|
|
+ Parser.prototype.setMaterials = function ( materials ) {
|
|
|
+ this.materials = Validator.verifyInput( materials, this.materials );
|
|
|
+ this.materials = Validator.verifyInput( this.materials, {} );
|
|
|
};
|
|
|
|
|
|
Parser.prototype.setCallbackBuilder = function ( callbackBuilder ) {
|
|
|
@@ -371,9 +388,11 @@ THREE.OBJLoader2 = (function () {
|
|
|
|
|
|
if ( this.logger.isEnabled() ) {
|
|
|
|
|
|
- var matNames = ( this.materialNames.length > 0 ) ? '\n\tmaterialNames:\n\t\t- ' + this.materialNames.join( '\n\t\t- ' ) : '\n\tmaterialNames: None';
|
|
|
+ var matKeys = Object.keys( this.materials );
|
|
|
+ var matNames = ( matKeys.length > 0 ) ? '\n\tmaterialNames:\n\t\t- ' + matKeys.join( '\n\t\t- ' ) : '\n\tmaterialNames: None';
|
|
|
var printedConfig = 'OBJLoader2.Parser configuration:'
|
|
|
+ matNames
|
|
|
+ + '\n\tuseAsync: ' + this.useAsync
|
|
|
+ '\n\tmaterialPerSmoothingGroup: ' + this.materialPerSmoothingGroup
|
|
|
+ '\n\tuseIndices: ' + this.useIndices
|
|
|
+ '\n\tdisregardNormals: ' + this.disregardNormals
|
|
|
@@ -702,10 +721,10 @@ THREE.OBJLoader2 = (function () {
|
|
|
var colorFA = ( result.absoluteColorCount > 0 ) ? new Float32Array( result.absoluteColorCount ) : null;
|
|
|
var normalFA = ( result.absoluteNormalCount > 0 ) ? new Float32Array( result.absoluteNormalCount ) : null;
|
|
|
var uvFA = ( result.absoluteUvCount > 0 ) ? new Float32Array( result.absoluteUvCount ) : null;
|
|
|
+ var haveVertexColors = Validator.isValid( colorFA );
|
|
|
|
|
|
var rawObjectDescription;
|
|
|
- var materialDescription;
|
|
|
- var materialDescriptions = [];
|
|
|
+ var materialNames = [];
|
|
|
|
|
|
var createMultiMaterial = ( rawObjectDescriptions.length > 1 );
|
|
|
var materialIndex = 0;
|
|
|
@@ -722,36 +741,68 @@ THREE.OBJLoader2 = (function () {
|
|
|
var materialGroupOffset = 0;
|
|
|
var materialGroupLength = 0;
|
|
|
|
|
|
+ var materialOrg, material, materialName, materialNameOrg;
|
|
|
for ( var oodIndex in rawObjectDescriptions ) {
|
|
|
+
|
|
|
if ( ! rawObjectDescriptions.hasOwnProperty( oodIndex ) ) continue;
|
|
|
rawObjectDescription = rawObjectDescriptions[ oodIndex ];
|
|
|
|
|
|
- materialDescription = {
|
|
|
- name: rawObjectDescription.materialName,
|
|
|
- flat: false,
|
|
|
- default: false
|
|
|
- };
|
|
|
- if ( this.materialNames[ materialDescription.name ] === null ) {
|
|
|
+ materialNameOrg = rawObjectDescription.materialName;
|
|
|
+ materialName = materialNameOrg + ( haveVertexColors ? '_vertexColor' : '' ) + ( rawObjectDescription.smoothingGroup === 0 ? '_flat' : '' );
|
|
|
+ materialOrg = this.materials[ materialNameOrg ];
|
|
|
+ material = this.materials[ materialName ];
|
|
|
+
|
|
|
+ // both original and derived names do not lead to an existing material => need to use a default material
|
|
|
+ if ( ! Validator.isValid( materialOrg ) && ! Validator.isValid( material ) ) {
|
|
|
|
|
|
- materialDescription.default = true;
|
|
|
+ var defaultMaterialName = haveVertexColors ? 'vertexColorMaterial' : 'defaultMaterial';
|
|
|
+ materialOrg = this.materials[ defaultMaterialName ];
|
|
|
this.logger.logWarn( 'object_group "' + rawObjectDescription.objectName + '_' +
|
|
|
- rawObjectDescription.groupName +
|
|
|
- '" was defined without material! Assigning "defaultMaterial".' );
|
|
|
+ rawObjectDescription.groupName + '" was defined with unresolvable material "' +
|
|
|
+ materialNameOrg + '"! Assigning "' + defaultMaterialName + '".' );
|
|
|
+ materialNameOrg = defaultMaterialName;
|
|
|
+
|
|
|
+ // if names are identical then there is no need for later manipulation
|
|
|
+ if ( materialNameOrg === materialName ) {
|
|
|
+
|
|
|
+ material = materialOrg;
|
|
|
+ materialName = defaultMaterialName;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ if ( ! Validator.isValid( material ) ) {
|
|
|
+
|
|
|
+ var materialCloneInstructions = {
|
|
|
+ materialNameOrg: materialNameOrg,
|
|
|
+ materialName: materialName,
|
|
|
+ materialProperties: {
|
|
|
+ vertexColors: haveVertexColors ? 2 : 0,
|
|
|
+ flatShading: rawObjectDescription.smoothingGroup === 0
|
|
|
+ }
|
|
|
+ };
|
|
|
+ var payload = {
|
|
|
+ cmd: 'materialData',
|
|
|
+ materials: {
|
|
|
+ materialCloneInstructions: materialCloneInstructions
|
|
|
+ }
|
|
|
+ };
|
|
|
+ this.callbackBuilder( payload );
|
|
|
+
|
|
|
+ // fake entry for async; sync Parser always works on material references (Builder update directly visible here)
|
|
|
+ if ( this.useAsync ) this.materials[ materialName ] = materialCloneInstructions;
|
|
|
|
|
|
}
|
|
|
- // Attach '_flat' to materialName in case flat shading is needed due to smoothingGroup 0
|
|
|
- if ( rawObjectDescription.smoothingGroup === 0 ) materialDescription.flat = true;
|
|
|
|
|
|
if ( createMultiMaterial ) {
|
|
|
|
|
|
// re-use material if already used before. Reduces materials array size and eliminates duplicates
|
|
|
-
|
|
|
- selectedMaterialIndex = materialIndexMapping[ materialDescription.name ];
|
|
|
+ selectedMaterialIndex = materialIndexMapping[ materialName ];
|
|
|
if ( ! selectedMaterialIndex ) {
|
|
|
|
|
|
selectedMaterialIndex = materialIndex;
|
|
|
- materialIndexMapping[ materialDescription.name ] = materialIndex;
|
|
|
- materialDescriptions.push( materialDescription );
|
|
|
+ materialIndexMapping[ materialName ] = materialIndex;
|
|
|
+ materialNames.push( materialName );
|
|
|
materialIndex++;
|
|
|
|
|
|
}
|
|
|
@@ -766,7 +817,7 @@ THREE.OBJLoader2 = (function () {
|
|
|
|
|
|
} else {
|
|
|
|
|
|
- materialDescriptions.push( materialDescription );
|
|
|
+ materialNames.push( materialName );
|
|
|
|
|
|
}
|
|
|
|
|
|
@@ -816,7 +867,6 @@ THREE.OBJLoader2 = (function () {
|
|
|
this.logger.logDebug( createdReport );
|
|
|
}
|
|
|
|
|
|
-
|
|
|
}
|
|
|
|
|
|
this.outputObjectCount++;
|
|
|
@@ -831,7 +881,7 @@ THREE.OBJLoader2 = (function () {
|
|
|
},
|
|
|
materials: {
|
|
|
multiMaterial: createMultiMaterial,
|
|
|
- materialDescriptions: materialDescriptions,
|
|
|
+ materialNames: materialNames,
|
|
|
materialGroups: materialGroups
|
|
|
},
|
|
|
buffers: {
|
Mr.doob