如何在 Slick2D 中从其中心绘制旋转图像？

Question

问题如下： 我有一个可以说是宇宙飞船的位置，并且必须在它的中间定义该位置（例如，由于碰撞问题等）。如果宇宙飞船不旋转，图像会这样绘制：

spaceship.draw(xPos - width/2 , yPos - height/2);

宇宙飞船现在是 Slick2D 中的图像，具有随机角度 (0

它在图像周围绘制一个椭圆（我猜可能表面积最小），然后查看距中心 135° 的线切割椭圆（红点）的位置并将其设置为位置。

我仍然想把它画在中心，也就是说，我必须在两个维度上减去一个值（draw(xPos - xOff, yPos - yOff)）：

但我无法计算！有人能帮助我吗？我浪费了两天时间来了解问题所在......

非常感谢，问候， r

这里是渲染代码：

> public void render(GameContainer gc, StateBasedGame sbg, Graphics g)
> throws SlickException{
>           
>           // This sets all rotation to the middle of the graphics.
>           // The method works RELATIVE TO THE TOP-LEFT-CORNER OF THE IMAGE.
>           skin.setCenterOfRotation(skin.getWidth() * Revolve.getGS()/2 + Revolve.getXShift(),
>                   skin.getHeight() * Revolve.getGS()/2 + Revolve.getYShift());
>           
>           // This sets the Angle properly
>           skin.setRotation(angle);
>           
>           // This draws the image: xPos and yPos define THE CENTER of the Image.
>           skin.draw(
>               (float) (Revolve.getXShift() + Revolve.getGS() * xPos),
>               (float) (Revolve.getYShift() + Revolve.getGS() * yPos),
>               Revolve.getGS()
>           );
>     
>           // Draws the xPos and yPos of the Ship
>           g.setColor(Color.white);
>           g.drawOval(Revolve.getXShift() + Revolve.getGS() * xPos, Revolve.getYShift() + Revolve.getGS() * yPos, 2, 2);
>       }

Answer 1

通过一些代码，一切都变得清晰了。

这里有一个解决方案：

@Override
public void init(GameContainer container) throws SlickException
{
    this.character = new Image("/home/ronan/Images/20150517010612.jpg");
    this.scale = 0.5f;
    // When you set your center of rotation is is relative to your image ONLY.
    // this will make the center of my image to be the center of the rotation
    // NOTHING more to add
    this.character.setCenterOfRotation((this.character.getWidth()/2)*this.scale, (this.character.getHeight()/2)*this.scale);
}

@Override
public void update(GameContainer container, int delta) throws SlickException
{
    this.rotation +=delta/10;
    this.character.setRotation(this.rotation);
}

public void render(GameContainer container, Graphics g) throws SlickException
{
    // Here I consider that my position is (500,500). then to draw it, I just substract hal the size of my image.
    // It will draw from top-lefft corner but based on my center.
    character.draw(500-(this.character.getWidth()/2)*this.scale, 500 - (this.character.getHeight()/2)*this.scale,this.scale);
}

我把所有东西都分开了。

在init 方法中，您必须设置旋转中心。该中心是相对于图像的，因此只需将宽度广告高度除以 2 即可获得图像中心的坐标。当它起作用时，你乘以你的规模。无需添加任何内容，因为它确实是您的图像的本地化。

在 render 方法中，总是从左上角绘制图像。只需减去一半宽度和一半高度即可设置使用您的中心。

只需将此代码调整为适合您的代码，它应该可以正常工作。询问您是否需要更高的精度。