在 SFML 中镜像 Y 轴

Question

嘿，所以我正在集成 box2d 和 SFML，并且 box2D 具有与 SFML 相同的奇怪的镜像 Y 轴坐标系，这意味着所有内容都被颠倒渲染。是否有某种函数或少量代码可以简单地镜像窗口的渲染内容？

我想我可以在 sf::view 中放入一些东西来帮助解决这个问题...

我如何轻松翻转 Y 轴，以实现渲染目的，而不影响主体尺寸/位置？

Answer 1

我不知道什么是 box2d 但当我想使用 openGL 翻转 Y 轴时，我只是将负缩放因子应用于投影矩阵，例如：

glMatrixMode(GL_PROJECTION);
glLoadIdentity();
glScalef(1.0f, -1.0f, 1.0f);

如果您想独立于 openGL 进行操作，只需应用带有负值的 sf::View x 值。

Answer 2

听起来您的模型使用传统的坐标系（正 y 点向上），您需要将其转换为屏幕坐标系（正 y 点向下）。

将模型/Box2D 位置数据复制到任何 sf::Drawable 时，在模型和屏幕坐标系之间手动转换：

b2Vec2 position = body->GetPosition();

sprite.SetPosition( position.x, window.GetHeight() - position.y )

您可以将其隐藏在包装类或函数中，但它需要作为预渲染位于模型和渲染器之间转换。我在 SFML 中没有看到可以设置它的地方。

我认为Box2D有你想要的坐标系；只需根据您的模型（0，-10）而不是屏幕设置重力矢量。

Answer 3

为了渲染目的，我如何轻松翻转 Y 轴，而不影响主体尺寸/位置？

通过正确应用变换。首先，您可以应用将窗口的左下角设置为原点的变换。然后，将 Y 轴缩放 -1 因子以将其翻​​转作为第二个变换。

为此，您可以使用 sf::Transformable 单独指定每个变换（即原点和缩放的设置），然后 - 通过调用 sf::Transformable::getTransform() – 获取sf::Transform 对应的对象到组合变换。

最后，在渲染相应对象时，将此变换对象传递给 sf::RenderTarget::draw() 成员函数作为其第二个参数。 sf::Transform 对象隐式转换为 sf::RenderStates即对应sf::RenderTarget::draw() 超载。

举个例子：

#include <SFML/Graphics.hpp>

auto main() -> int {
    auto const width = 300, height = 300;
    sf::RenderWindow win(sf::VideoMode(width, height), "Transformation");
    win.setFramerateLimit(60);

    // create the composed transform object
    const sf::Transform transform = [height]{
        sf::Transformable transformation;
        transformation.setOrigin(0, height); // 1st transform
        transformation.setScale(1.f, -1.f);  // 2nd transform
        return transformation.getTransform();
    }();

    sf::RectangleShape rect({30, 30});

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

        // update rectangle's position
        rect.move(0, 1);

        win.clear();

        rect.setFillColor(sf::Color::Blue);
        win.draw(rect); // no transformation applied

        rect.setFillColor(sf::Color::Red);
        win.draw(rect, transform); // transformation applied

        win.display();
    }
}

有一个 sf::RectangleShape 对象，用不同的颜色渲染两次：

1. 蓝色：未应用变换。
2. 红色：应用了组合变换。

由于翻转 Y 轴，它们向相反的方向移动。

请注意，对象空间位置坐标保持不变。两个渲染的矩形对应于同一个对象，即只有一个 sf::RectangleShape 对象，rect – 仅更改了颜色。对象空间位置是rect.getPosition()。

这两个渲染矩形的不同之处在于坐标参考系。因此，这两个渲染矩形的绝对空间位置坐标也不同。

您可以在场景树中使用此方法。在这样的树中，从根开始，从父级到子级以自上而下的方式应用变换。最终效果是子级的坐标是相对于其父级的绝对位置的。