Question

I have been following along this example to load .obj Model using three.js. Since I needed more than one model to load so I tried this

loader.addEventListener( 'load', function ( event ) {

var object = event.content;

object.position.y = - 80;
scene.add( object );

});
loader.load( 'obj/model1.obj' );
loader.load( 'obj/model2.obj' );

First: I don’t know whether this is the right approach or not since I searched but didn’t find any tutorial loading more than one .obj models.

Second: I want to be able to click different models on the screen. I tried this which doest not seem to work for me. Any suggestions on this?

Answer 1

This example shows you a pattern for loading multiple models:

http://mrdoob.github.com/three.js/examples/webgl_loader_json_objconverter.html

Regarding detecting clicked objects, depending on your model, you may need to set the recursive flag to true:

ray.intersectObjects( objects, true );