Question

如何在我的.obj模型上动态更改素材？我的每个模型都包含带纹理的.obj，.mtl和.jpg文件。我应该以某种方式更改.mtl文件吗？

在下面的代码中，我将.obj的每个子网格的几何图形居中，然后我尝试给它纹理，但是注释代码和loader.load都没有给它纹理。

var loader = new THREE.OBJMTLLoader();
            loader.addEventListener( 'load', function ( event ) {
                object = event.content;
                for (var i = 0; i < object.children.length; i++) {
                    THREE.GeometryUtils.merge(geometry, object.children[i].geometry);
                }
                THREE.GeometryUtils.center( geometry );
                //var materials = new THREE.ImageUtils.loadTexture("/obj/stol.mtl");
                //mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( material ) );

                var material = new THREE.MeshBasicMaterial( { color: 0xff0000 } );
                mesh = new THREE.Mesh( geometry,  material );

                mesh.scale.x = 0.25;
                mesh.scale.y = 0.25;
                mesh.scale.z = 0.25;
                mesh.castShadow = true;

                scene.add( mesh );
                animate();
            });
            loader.load( '/obj/stol.obj', '/obj/stol.mtl' );

我希望在我的页面上有一些触发纹理更改的按钮，例如

$(function(){
    $('#txt_01').click(function(){
        mesh.textureLoad("/obj/txt_01.mtl");
    }
});

Answer 1

只需查看有关加载纹理的示例。

如何更新three.js中的内容，请参阅“材料更新”部分。 https://github.com/mrdoob/three.js/wiki/Updates

动态更改.obj OBJMTLLoader的.mtl

1 个答案: