使用 Slick/OpenGL 渲染和裁剪/拉伸图像（使用 getSubImage）

Question

我正在尝试使用 Slick 在项目中的某些 2D 精灵上重新创建阴影效果。为此，我正在重新着色精灵的副本并使用 Slick OpenGL 使用此方法拉伸它：

public static void getStretched(Shape shape, Image image) {

    TextureImpl.bindNone();
    image.getTexture().bind();

    SGL GL = Renderer.get();

    GL.glEnable(SGL.GL_TEXTURE_2D);
    GL.glBegin(SGL.GL_QUADS);

    //topleft
    GL.glTexCoord2f(0f, 0f);
    GL.glVertex2f(shape.getPoints()[0], shape.getPoints()[1]);

    //topright
    GL.glTexCoord2f(0.5f, 0f);
    GL.glVertex2f(shape.getPoints()[2], shape.getPoints()[3]);

    //bottom right
    GL.glTexCoord2f(1f, 1f);
    GL.glVertex2f(shape.getPoints()[4], shape.getPoints()[5]);

    //btoom left
    GL.glTexCoord2f(0.5f, 1f);
    GL.glVertex2f(shape.getPoints()[6], shape.getPoints()[7]);

    GL.glEnd();
    GL.glDisable(SGL.GL_TEXTURE_2D);
    TextureImpl.bindNone();
}

This gives the almost the desired effect, aside from the fact that the image is cropped a bit.

This becomes more extreme for higher distortions

我是使用 OpenGL 的新手，所以关于如何解决这个问题的一些帮助会很棒。 此外，如果我将图像输入到使用getSubImage、OpenGL renders the original image, rather than the sub image 获得的方法中。

我不确定为什么会发生这种情况，因为精灵本身是从使用getSubImage 的精灵表中获取的，并且渲染没有问题。 非常感谢您的帮助！

Answer 1

我正在为精灵的副本重新着色并拉伸它

问题是您拉伸了纹理坐标，但精灵覆盖的区域保持不变。如果阴影超出了四边形图元所覆盖的区域，则将其裁剪。
您必须“拉伸”顶点坐标而不是纹理坐标。为阴影定义一个菱形几何体并在其上包裹纹理：

float distortionX = ...;

GL.glEnable(SGL.GL_TEXTURE_2D);
GL.glBegin(SGL.GL_QUADS);

//topleft
GL.glTexCoord2f(0f, 0f);
GL.glVertex2f(shape.getPoints()[0] + distortionX, shape.getPoints()[1]);

//topright
GL.glTexCoord2f(1f, 0f);
GL.glVertex2f(shape.getPoints()[2] + distortionX, shape.getPoints()[3]);

//bottom right
GL.glTexCoord2f(1f, 1f);
GL.glVertex2f(shape.getPoints()[4], shape.getPoints()[5]);

//btoom left
GL.glTexCoord2f(0f, 1f);
GL.glVertex2f(shape.getPoints()[6], shape.getPoints()[7]);

GL.glEnd();

---

[...] 如果我将图像输入到使用 getSubImage 获得的方法中，[...] 精灵本身取自 spritesheet [...]

精灵只覆盖整个纹理的一个小矩形区域。该区域由纹理坐标定义。您必须使用与绘制精灵本身时相同的纹理坐标。