SFML渲染应用坐标系倒置与旋转原点异常问题求助

问题1：屏幕坐标系倒置/原点位置不符 #

SFML默认窗口坐标系是左上角为原点(0,0)，X轴向右为正，Y轴向下为正，你当前用负坐标才能显示到中心，是因为错误设置了精灵的setOrigin(-600, -400)——这个函数是设置精灵自身的变换原点，而非窗口的全局原点。

如果想要把窗口中心作为全局坐标系原点（X向右正，Y向上正），可以通过sf::View实现：

• 创建以窗口中心为原点的视图，将窗口的视图设置为该视图
• 此时全局坐标(0,0)就是窗口中心，Y轴向上为正，符合你预期的坐标系

问题2：旋转围绕屏幕左上角而非自身中心 #

你错误地将精灵原点设为了(-600, -400)，导致旋转时以这个偏离值为中心，最终表现为围绕屏幕左上角旋转。正确的做法是将精灵原点设为自身纹理矩形的中心：

• 你的精灵纹理矩形是IntRect(40, 0, 40, 40)，宽高均为40，所以中心坐标是(20, 20)（相对于精灵自身的局部坐标）
• 调用sPlayer.setOrigin(20, 20)即可让精灵围绕自身中心旋转

修正后的完整代码 #

#include <SFML/Graphics.hpp>

using namespace sf;

const int W{1200}, H{800};
const float degToRad = 0.017453f;

int main() {
    float x{0}, y{0}; // 现在(0,0)是窗口中心
    float dx{}, dy{}, angle{};
    bool thrust = false;

    RenderWindow app(VideoMode(W, H), "Asteroids!");
    app.setFramerateLimit(60);

    // 设置自定义视图，将窗口中心作为全局原点，Y轴向上为正
    View view(Vector2f(0, 0), Vector2f(W, H));
    app.setView(view);

    Texture t1, t2;
    t1.loadFromFile("images/spaceship.png");
    t2.loadFromFile("images/background.jpg");

    Sprite sPlayer(t1), sBackground(t2);
    sPlayer.setTextureRect(IntRect(40, 0, 40, 40));
    // 设置精灵自身中心为旋转原点
    sPlayer.setOrigin(20, 20);
    // 初始位置设为窗口中心（全局坐标(0,0)）
    sPlayer.setPosition(x, y);

    while (app.isOpen()) {
        Event event;
        while (app.pollEvent(event)) {
            if (event.type == Event::Closed)
                app.close();
        }

        // 示例：测试旋转功能
        angle += 1.0f;
        sPlayer.setRotation(angle);

        app.clear();
        // 调整背景以适配自定义视图
        sBackground.setOrigin(sBackground.getLocalBounds().width / 2, sBackground.getLocalBounds().height / 2);
        sBackground.setPosition(0, 0);
        // 缩放背景铺满窗口
        float scaleX = static_cast<float>(W) / sBackground.getLocalBounds().width;
        float scaleY = static_cast<float>(H) / sBackground.getLocalBounds().height;
        sBackground.setScale(scaleX, scaleY);
        
        app.draw(sBackground);
        app.draw(sPlayer);
        app.display();
    }
    return 0;
}

关键说明 #

• 视图View的构造参数：第一个是视图中心坐标，第二个是视图的大小（和窗口尺寸一致）
• 精灵的setOrigin是设置自身的变换原点（旋转、缩放都会围绕这个点），必须基于精灵自身的局部尺寸，而非窗口尺寸
• 背景图需要调整原点和缩放比例，才能在自定义视图下正确铺满窗口

内容的提问来源于stack exchange，提问作者Prakhar