0

我在三个 js 中加载了一个模型(obj 文件),并在所有对象上应用了自定义检查器纹理图像。纹理应用于模型。但是,问题是 - 检查器并不统一 - 有些检查器看起来很小,有些看起来更大。

这是屏幕截图的链接

有什么办法可以解决吗?我的意思是 - 在三个 js 中对几何图形或纹理的任何内置属性等进行任何计算。

这是模型文件 Model.obj的链接

在三个 js 中加载此模型并应用纹理图像

// 下面是我尝试过的一些代码。

function loadModel() {
    object.traverse( function ( child ) {

        if (child.type.toLowerCase() == "mesh" && child.material) {

            if (child.material.length) {
                for (var i=0; i < child.material.length; i++) {
                    child.material[i].map = texture;
                    child.material[i].needsUpdate = true;
                }
            }
            else {
                child.material.map = texture;
                child.material.needsUpdate = true;
            }               
        }
    } );
    scene.add( object );
}

manager = new THREE.LoadingManager( loadModel );

manager.onProgress = function ( item, loaded, total ) {

  console.log( item, loaded, total );
};

textureLoader = new THREE.TextureLoader( manager );

texture = textureLoader.load(currentTextureUrl); // texture checker image

texture.onUpdate = true;


function onProgress( xhr ) {

    if ( xhr.lengthComputable ) {
        var percentComplete = xhr.loaded / xhr.total * 100;
        console.log( 'model ' + Math.round( percentComplete, 2 ) + '% downloaded' );
    }
}

                function onError() {}

var loader = new THREE.OBJLoader( manager );


loader.load(modals.currentModal.objectFile, function ( obj ) {

 object = obj;                      
}, onProgress, onError );
4

0 回答 0