我在三个 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 );