CODEWITHSUNDEEP
javascriptthree.jswebglshader
Ovilia
Ovilia

Reputation: 7256

How to add shader to THREE.Object3D loaded from OBJMTLLoader

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?

Upvotes: 4

Views: 2468

Answers (2)

mrdoob
mrdoob

Reputation: 19602

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 );

Upvotes: 5

Gero3
Gero3

Reputation: 2887

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

            } ),

Upvotes: 0

Related Questions