Three.js 纹理模型未在对象之间正确应用

Question

我有一个冲浪板 obj 文件，我想在顶面和底面应用纹理，但是当我想将它应用到整个面部时，纹理会在中间分裂。材料也被应用在网格的内部。问题与模型有关还是我错过了代码中的某些内容？

var loader = new THREE.OBJLoader();

    var texture = new THREE.Texture();
    var ImageLoader = new THREE.ImageLoader();
    ImageLoader.load("models/white.jpg", function (image) {
        texture.image = image;
        texture.needsUpdate = true;
    });

    var custom = new THREE.Texture();
    var customLoader = new THREE.ImageLoader();
    customLoader.load("models/UV_Grid_Sm.jpg", function(image) {
        custom.image = image;
        custom.mapping = THREE.UVMapping;
        custom.needsUpdate = true;
    });


    loader.load("models/Hidden 5'4-19'5-2 (Holes_Patched).obj", function(object){
        object.traverse(function(child) {

            if (child instanceof THREE.Mesh) {

                if(child.name === 'Bottom') {
                    child.material = new THREE.MeshStandardMaterial({ map: custom});

                }
                else if(child.name === 'Top') {
                    child.material = new THREE.MeshStandardMaterial({ map: custom});

                }
                else  {
                    child.material = new THREE.MeshStandardMaterial({ map: texture});

                }
            }

        });

download obj file here 该对象有两个名为“Top”的组，但我可以稍后更改。

Answer 1

您需要在模型上添加/设置 UV 坐标。这需要在 3d 软件（例如 3DS Max）中完成。
此外，您应该通过删除不需要的边缘和顶点（134,000 个顶点？？）来真正清理/优化您的模型