通过 direct2d 渲染 box2d 形状

Question

我是第一次使用 box2d，并且我已经通过 hello world 教程设置了我的形状。

我正在创建一个盒子：

b2BodyDef bodyDef;
bodyDef.type = b2_kinematicBody;
bodyDef.position.Set(7.0f, 7.0f);
bodyDef.angle = 0;

m_body = m_world->CreateBody(&bodyDef);

b2PolygonShape shape;
shape.SetAsBox(1.5f, 0.5f);

b2FixtureDef fixtureDef;
fixtureDef.shape = &shape;
fixtureDef.density = 1.0f;

m_body->CreateFixture(&fixtureDef);

现在我准备渲染这个盒子，所以我调用：

b2Vec2 pos = m_body->GetPosition();

此时，我需要使用 pos 的值调用 m_renderTarget->SetTransform() ，但我不知道如何正确渲染盒子。我尝试过：

m_renderTarget->SetTransform(D2D1::Matrix3x2F::Translation(pos.x * 30, pos.y * 30));
m_renderTarget->DrawRectangle(D2D1::RectF(0.0f, 0.0f, 3.0f * 30.0f, 1.0f * 30.0f), m_brush);

和圆圈：

bodyDef.type = b2_dynamicBody;
bodyDef.position.Set(7.0f, 1.0f);

m_circleBody = m_world->CreateBody(&bodyDef);

b2CircleShape circleShape;
circleShape.m_p.Set(0.0f, 0.0f);
circleShape.m_radius = 0.5f;

fixtureDef.shape = &circleShape;

m_circleBody->CreateFixture(&fixtureDef);

并渲染圆圈：

    b2Vec2 circlePos = m_circleBody->GetPosition();

    mpRenderTarget->SetTransform(D2D1::Matrix3x2F::Translation(circlePos.x * 30.0f, circlePos.y * 30.0f));

    mpRenderTarget->DrawEllipse(D2D1::Ellipse(D2D1::Point2F(0.0f, 0.0f), 30.0f, 30.0f), m_brush);

Answer 1

您没有正确居中绘制矩形。矩形的中心位于左上角。

m_renderTarget->DrawRectangle(D2D1::RectF(0.0f, 0.0f, 3.0f * 30.0f, 1.0f * 30.0f), m_brush);

为了正确居中，您应该像这样设置 Left = -Right, Top = -Bottom

m_renderTarget->DrawRectangle(D2D1::RectF(-1.5 * 30.f, -0.5 * 30.f, 1.5f * 30.0f, 0.5f * 30.0f), m_brush);

下面是解释为什么居中很重要的图表：

从物理上讲，您正确地表示了这两个形状，但从图形上讲，您不知不觉地向矩形添加了偏移量。另外，您的比例尺已关闭：您假设矩形为 1 = 30 像素，圆形为 0.5 = 30 像素。一致性是模拟的关键，因此您应该将 D2D1::Ellipse 的半径分别降低到 15。