在网格上重复纹理部分

时间:2015-07-20 16:03:35

标签: javascript three.js html5-canvas

我正在使用spritesheet(atlas)来获得低分辨率纹理,我希望能够在不添加更多三角形的情况下重复纹理倍数的相同部分。 我编码到目前为止这样的飞机:

var textureSpritemap = loadTexture('textures.png');
var geometry = new t3.PlaneGeometry(80, 80);
var material = new t3.MeshBasicMaterial({map: textureSpritemap});
var plane = new t3.Mesh(geometry, material);
setPlaneUVs(plane, [0, 0.5, 0, 0, 0.5, 0.5, 0.5, 0]);
textureSpritemap.repeat.set(2, 2);

我知道可以多次重复纹理,但我希望能够只重复一部分。

精灵地图:

enter image description here

预期结果:

enter image description here

实际结果:

enter image description here

有什么想法吗?

0 个答案:

没有答案