使用Targa图像作为纹理加载带有.mtl材质的.obj模型,镜像加载图像。 可以在以下image中注意到,其中左边的是.tga而右边的是.png。
在图像编辑器中打开两个图像,它们显示为相同。而且,只要正确加载.png图像,问题出在我正在使用的加载器.tga。
我正在使用TGALoader类来加载纹理。问题似乎与来自TGALoader.js的函数getTgaRGBA的以下代码有关:
TGA_ORIGIN_MASK = 0x30,
TGA_ORIGIN_SHIFT = 0x04,
TGA_ORIGIN_BL = 0x00,
TGA_ORIGIN_BR = 0x01,
TGA_ORIGIN_UL = 0x02,
TGA_ORIGIN_UR = 0x03;
function getTgaRGBA( width, height, image, palette ) {
var x_start,
y_start,
x_step,
y_step,
x_end,
y_end,
data = new Uint8Array( width * height * 4 );
//switch ( 0x02 ) {
switch ( ( header.flags & TGA_ORIGIN_MASK ) >> TGA_ORIGIN_SHIFT ) {
default:
case TGA_ORIGIN_UL:
x_start = 0;
x_step = 1;
x_end = width;
y_start = 0;
y_step = 1;
y_end = height;
break;
case TGA_ORIGIN_BL:
x_start = 0;
x_step = 1;
x_end = width;
y_start = height - 1;
y_step = - 1;
y_end = - 1;
break;
case TGA_ORIGIN_UR:
x_start = width - 1;
x_step = - 1;
x_end = - 1;
y_start = 0;
y_step = 1;
y_end = height;
break;
case TGA_ORIGIN_BR:
x_start = width - 1;
x_step = - 1;
x_end = - 1;
y_start = height - 1;
y_step = - 1;
y_end = - 1;
break;
}
如果来自开关的结果是0x02,则图像将被加载校正,而不进行镜像。我已经使用不同的.tga图像进行了测试,所有这些图像都产生了相同的镜像。
我不太清楚开关的参数意味着什么...你们能帮我解决一下吗?我怎么能解决我的问题呢?
答案 0 :(得分:0)
您的纹理被翻转。使用这种模式:
var loader = new THREE.TGALoader();
var texture = loader.load( 'myTexture.tga' );
texture.flipY = true;
three.js r.74