How to add shader to THREE.Object3D loaded from OBJMTLLoader

Question

I have a model loaded using THREE.OBJMTLLoader.

var loader = new THREE.OBJMTLLoader();
loader.addEventListener('load', function(event) {
    var mesh = event.content;
    scene.add(mesh);
});
loader.load('model/machine.obj', 'model/machine.mtl');

I need to apply a vertex and fragment shader to this model. How to do this?

mrdoob · Accepted Answer · 2013-05-23 12:11:03Z

5

+50

In addition to Gero3's answer, this would ensure that all the meshes in the content will get the right material:

var material = new THREE.ShaderMaterial( {

    uniforms: shader.uniforms,
    fragmentShader: shader.fragmentShader,
    vertexShader: shader.vertexShader

} );

var object = event.content;
object.traverse( function ( child ) {

    if ( child instanceof THREE.Mesh ) {

        child.material = material;

    }

} );
scene.add( object );

answered May 23, 2013 at 12:11

mrdoob

19.6k4 gold badges66 silver badges62 bronze badges

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

2 Comments

Ovilia Over a year ago

It works! Glad to have this question answered by THREE.js's author! =D

Jothi Kannan Over a year ago

Hi @mrdoob it says shader is not defined

Gero3 · Accepted Answer · 2013-04-27 10:39:23Z

0

You need a shadermaterial for adding a vertex and fragment shader.

            var material = new THREE.ShaderMaterial( {

                fragmentShader: shader.fragmentShader,
                vertexShader: shader.vertexShader,
                uniforms: shader.uniforms

            } ),

answered Apr 27, 2013 at 10:39

Gero3

2,8851 gold badge24 silver badges22 bronze badges

1 Comment

Ovilia Over a year ago

I know this. It works for a box or sphere but for model, event.content don't have a material and if set the shader material to it, there's still nothing changed.

Collectives™ on Stack Overflow

How to add shader to THREE.Object3D loaded from OBJMTLLoader

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related