Three.js - Importing an .obj model with ObjLoader.js

Question

I've been trying to load an .obj model into 'THREE' using ObjLoader.js, but I'm not seeing the model and I'm getting 2 pairs of errors saying:

Uncaught TypeError: Object [object Object] has no method 'dispatchEvent'

...twice from line 24 and the other pair from line 32 in ObjLoader.js:

line 24: scope.dispatchEvent( { type: 'load', content: hierarchy } );

line 32: scope.dispatchEvent( { type: 'progress', loaded: event.loaded, total: event.total } );

Here's the code I'm using to load the model:

var manager = new THREE.LoadingManager();
manager.onProgress = function ( item, loaded, total ) {
    console.log( item, loaded, total );
};

var loader = new THREE.OBJLoader( manager );
loader.load( 'models/shipfighter.obj', function ( object ) {
    var shipTexture = new THREE.MeshLambertMaterial({ color: 0xff0000 });
    object.traverse( function ( child ) {

        if ( child instanceof THREE.Mesh ) {

            child.material.map = shipTexture;
            child.material.needsUpdate = true;

        }

    } );

    object.position.y = 20;
    scene.add( object )

} );

Any ideas what I'm doing wrong? Cheers.

You have defined `shipTexture` to be a material but you are assigning it to a texture map. — gaitat, Jun 23 '14 at 14:37
OK. Thanks for your reply! So shipTexture should be instantiated as what? — moosefetcher, Jun 23 '14 at 14:44
I've made that change and I still get the same errors (so sign of the model either). Is there something ELSE I'm doing wrong too? — moosefetcher, Jun 23 '14 at 14:55
take out the `manager` stuff (because you should not need it) and see what happens. — gaitat, Jun 23 '14 at 15:19
I tried that and no change, sorry (still the same errors and no visible model). — moosefetcher, Jun 24 '14 at 08:09
No the statement child.material.map should be child.material — gaitat, Jun 29 '14 at 04:21

Three.js - Importing an .obj model with ObjLoader.js

0 Answers0