three.min.js:2 THREE.Object3D.add: object not an instance of THREE.Object3D

Question

i got error three.min.js:2 THREE.Object3D.add: object not an instance of THREE.Object3D when try to run the 3D object.

  const loader = new THREE.OBJLoader();

  loader.load("./model/Room.obj", function (object) {
    scene.add(object.scene);
    console.log(object);
    renderer.render(scene, camera);
  });

now it come like this app.js:53 Uncaught ReferenceError: loader is not defined at init (app.js:53) at app.js:59 — Sherin Shaju
– Sherin Shaju, Commented Nov 26, 2020 at 9:21

Mugen87 · Accepted Answer · 2020-11-26 09:19:55Z

3

Instead of doing:

scene.add(object.scene);

just do this when using OBJLoader:

scene.add(object);

OBJLoader always returns an instance of THREE.Group which has no scene property.

Also notice that the various loaders in three.js return their results in slightly different ways. Meaning the code in the onLoad() callback is specific for the respective loader.

answered Nov 26, 2020 at 9:19

Mugen87

31.2k4 gold badges34 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

three.min.js:2 THREE.Object3D.add: object not an instance of THREE.Object3D

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related