TGALoader正在加载垂直轴镜像的图像

时间:2016-03-08 13:29:25

标签: javascript image three.js tga

使用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图像进行了测试,所有这些图像都产生了相同的镜像。

我不太清楚开关的参数意味着什么...你们能帮我解决一下吗?我怎么能解决我的问题呢?

1 个答案:

答案 0 :(得分:0)

您的纹理被翻转。使用这种模式:

var loader = new THREE.TGALoader();

var texture = loader.load( 'myTexture.tga' );

texture.flipY = true;

three.js r.74