Question

我已经使用CanvasRenderer创建了一个由ImageUtils制作的planegeometry和一个纹理，然后我创建了一个网格并完成了所有相关参数的设置。结果是带有图像的PlaneGeometry 空间中的纹理，但是出现了对角线，更重要的是，一个图像被分成两个这条对角线的部分，因此这两部分的图像变得不匹配。我该怎样解决它？关键代码如下：

    var planeGeo=new THREE.PlaneGeometry(2000,3000);
    var map = THREE.ImageUtils.loadTexture( 'images/greenLines.png' );
    map.wrapS=map.wrapT = THREE.RepeatWrapping;
    map.repeat.set(2,2);
    map.anisotropy = 16;
    var planeMaterial=new THREE.MeshBasicMaterial({color:0xFFBBEE,map:map,overdraw:true});
    var planeMesh=new THREE.Mesh(planeGeo,planeMaterial);
    planeMesh.position.set(2000,-2000,5000);
    scene.add(planeMesh);

注意：图像由绿线构成。结果显示切割的线条和 line已成为两条线，位于两个分开的三角形上。 现在我应该如何修改我的代码，以便此图像的两个部分看起来匹配良好而不会发生位移！可以删除对角线吗？

与几何的不匹配的图象纹理

0 个答案: