1

我创建了一个平面几何和一个由 ImageUtils 和 CanvasRenderer 制作的纹理，然后我创建了一个网格并完成了所有相关参数的设置。结果是一个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);

注意：图像由绿色线条构成。结果显示线条被切割，一条线变成了两条线，位于两个分割的三角形上。 现在我应该如何修改我的代码，以使该图像的两个部分看起来匹配良好而没有位移！对角线可以去掉吗？

4

0 回答 0