从代码而不是MTL加载纹理

时间:2016-10-11 11:10:03

标签: javascript three.js

我已经能够加载OBJ文件并将MTL与其关联以赋予其纹理。但是我似乎无法直接从代码中告诉我想要与模型关联的纹理,如果在MTL文件中提到它,我只能在模型上显示纹理。

我查看了文档,我查看了示例,然后我一遍又一遍地搜索,但我根本不知道如何应用纹理。

这是我当前加载模型和材料文件的代码

        var mtlLoader = new THREE.MTLLoader();
        mtlLoader.setPath( '/3Dproject/models/' );
        mtlLoader.load( 'tshirt.mtl', function( materials ) {

            materials.preload();

            var objLoader = new THREE.OBJLoader();
            objLoader.setMaterials( materials );
            objLoader.setPath( 'models/' );
            objLoader.load( 'tshirt.obj', function ( object ) {

                object.position.x = 0;
                object.position.y = -50;
                object.scale.x = 2;
                object.scale.y = 2;
                object.scale.z = 2;
                scene.add( object );

            }, onProgress, onError );

        });

这是我的资料档案

# MTL written from \3Dproject\models\tshirt.obj
newmtl texture
Kd 0.48 0.48 0.48
Ns 256
d 1
illum 2
Ka 0 0 0
Ks 0.04 0.04 0.04
map_Kd \texture.jpg

如果我在像这样的Javascript中加载我的纹理

        var texloader = new THREE.TextureLoader();
        var skinTexture = texloader.load('/3Dproject/models/texture.jpg', function (tex) {
            skinTexture = tex;
        });

如何将其应用于我的模型?

http://creativiii.com/3Dproject/old-index.html

的工作示例

1 个答案:

答案 0 :(得分:0)

通常通过material.map属性分配纹理。

object.material.map = skinTexture;