I am currently working on a project where I am creating a sphere and attaching images to each face of the sphere. My code constructs a sphere with 12 sections horizontally and 6 sections vertically. To properly tile the textures, I set the wrap to repeating and adjusted the repeat size as shown below:
var texture = new THREE.ImageUtils.loadTexture( path );
texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
texture.repeat.set( geo_width, geo_height );
return new THREE.MeshBasicMaterial({ map: texture, side: THREE.BackSide, overdraw: true });
Although this method works, I am encountering lines between each texture. Is there a way to remove these lines, or are there alternative techniques for face-tiling that I should consider?