three.js纹理扭曲

Question

我的纹理呈现有问题（无论是重复的还是整个图片 - .png文件）。正如你所看到的，有一些古怪的扭曲，我想知道是否有任何方法可以保护它。

    var imgFiles = [];
    //imgFiles[0] = "img/VerSimLin.png";
    //imgFiles[1] = "img/VerSimLin.png";
    //imgFiles[2] = "img/HorSimRnd.png";
    imgFiles[3] = "img/HorSimRnd.png";
    //imgFiles[4] = "img/VerSimLin.png";
    //imgFiles[5] = "img/VerSimLin.png";
    var viewCubeMaterials = [];
    for (var i = 1; i<7; i++){
        viewCubeMaterials[i-1] = new THREE.MeshBasicMaterial({
            map: THREE.ImageUtils.loadTexture(imgFiles[i-1]),
            side: THREE.DoubleSide
        })
    }
    var viewCubeGeometry = new THREE.CubeGeometry( 1680,600,1680,1,1,1 )
    var viewCube = new THREE.Mesh(viewCubeGeometry, new THREE.MeshFaceMaterial(viewCubeMaterials )); 

    scene.add(viewCube);

正如您所看到的，代码中没有任何特殊内容，因此可能只是一些我不知道的设置问题。

如果有人能帮助我，我将非常感激。

提前致谢。