如何在 Box2D 中设置形状/夹具/主体的中心

Question

嘿，我正在尝试集成 SFML 和 Box2D，SFML 使精灵、形状等的设置中心变得非常容易。另一方面，Box2D 我遇到了麻烦，因为我不知道如何设置甚至找到形状或夹具的中心。

在我看来，当手动添加顶点到 b2_PolygonShape 时，中心被设置为顶点数组中的第一个顶点，但是当使用快捷函数 SetAsBox() 或任何其他 SetAs__()。中心是形状的中间，或框/形状的一半范围。

我需要通用 box2D 和 SFML 的居中系统，但我无法弄清楚局部坐标系如何适用于对象。

如何在 Box2D 中设置/获取许多对象（例如形状、固定装置、主体等）的中心？

Answer 1

好吧，我意识到 SFML 和 Box2D 确实没有那么不同，但我只是没有考虑如何在世界坐标中正确制作/渲染形状。

除非另有说明，当移动/绘制对象的位置时，始终使用 (0,0) 作为对象的参考点/中心，并且每个顶点都是相对于该点绘制的。

SFML 教程有点令人困惑，因为它说设置形状/精灵的中心是相对于对象左上角的偏移量，不是 (0,0)。

Answer 2

我认为使用 box2d 你有责任使多边形的“质心”与你身体的位置重合。
基本上你要做的就是这样的。

• 计算顶点列表的质心 (b2vec)

• 将顶点移动 -centroid。

Box2d 提供了必要的函数来帮助您完成此任务。
SetAs__ 的情况是，质心为 (0,0)，并且围绕身体中心对称地创建多边形。

Answer 3

我会再试一次。我很确定我可以帮助你，但我不完全理解你的问题。

物体在世界上有一个位置 (b2Vec2)。
物体具有b2Fixture（密度、摩擦、恢复、形状等...）
b2PolygonShape 具有顶点和海量数据。这些顶点是相对于身体位置的。

b2PolgygonShape 的示例顶点（矩形，大小：1 米 * 1 米）

(-0.5f, -0.5f)  // left  upper corner
( 0.5f, -0.5f)  // right upper corner
( 0.5f,  0.5f)  // right lower corner
(-0.5f,  0.5f)  // left  lower corner

请记住，您无法自己设置顶点！您必须将它们传递给

b2PolgygonShape::Set(b2Vec2 *vertices, int count);

此方法将根据顶点计算大量数据。

Answer 4

这可能是相关的，尽管我使用的是 Box2DWeb 和 Easel.js 而不是 Box2D 和 SFML。
我遇到的问题是 Easel.js regX/regY（精灵的图形中心）需要匹配物理质心。

对于具有一个 b2FixtureDef 的简单 b2Body，主体的质心与 b2FixtureDef.shape 的 m_centroid 重合（无论是 SetAsBox、SetAsArray、新的 b2CircleShape 等）。

对于多夹具主体和不规则多边形，对我有用的是添加所有夹具（即调用 b2Body.CreateFixture），然后将图形 regX/regY 设置为等于 b2Body.m_sweep.localCenter.x/y（乘以像素） /米比例因子）。

这对于简单的圆圈和方框不起作用，但它们一开始就不是问题。希望这有帮助。

Answer 5

您可以简单地执行以下操作：

b2Body *body = ...;
b2Vec2 pos = body->GetPosition();

这是身体在世界中的位置（pos.x 和 pos.y，以米为单位定义）。
这意味着您必须使用比率，例如：1 米 = 20 像素。因此，您必须将坐标乘以比率才能获得以像素为单位的位置。

使用该位置来绘制图像。如果需要，您可以向图像添加坐标，并在相对于身体位置的这些坐标上绘制图像。

请记住，您也必须按照该比例绘制图像。当比例改变（放大或缩小）时，图像也应该放大。

对于我的游戏，我使用 SDL 和 OpenGL，这是一个非常好的组合，所以我不知道 SFML 到底是如何工作的。