从 svg 坐标创建 Box2dWeb 障碍物答案

【问题标题】：Create Box2dWeb obstacle from svg coordinates从 svg 坐标创建 Box2dWeb 障碍物
【发布时间】：2013-10-04 20:19:39
【问题描述】：

我正在尝试为我的 Box2dWeb 游戏创建一些地形。在阅读了 Box2DWeb 相当小的文档后，我不确定是否可以从一组坐标创建长边链。我认为 box2d 的功能称为“链形”，但到目前为止，我还没有看到有人将它们与 javascript 版本的 box2d 一起使用。

您知道是否有一种通过 box2dweb 中的一组坐标画线的好方法吗？例如，我将如何通过以下 svg 坐标画一条线：

<svg>
<g id="Layer_3">
    <polyline fill="none" stroke="#0000FF" stroke-width="3" points="33,108 66,141 99,174 99,207 132,207 165,207 165,240     "/>
</g>
</svg>

【问题讨论】：

EdgeShape 在 box2dweb 中不起作用（碰撞问题）。其他方法是使用 b2PolygonShape.SetAsEdge 方法，但它太小了（我需要它与光线一起使用，它根本不起作用，光线随机穿过边缘）。 Box2dweb 几乎不可能在实际项目中使用，它只是痛苦。
感谢您的回复！我最终用 javascript 解析坐标，并以形成链的方式自动创建规则边缘。
我创建了两个测试，第二个显示了故障：Edges test 1, Edges test 2 在这个例子中我使用了box2dweb with the ray normal fixes

标签： javascript svg box2dweb

【解决方案1】：

我遇到了同样的问题。最后编写了一个解析 svg 并输出 Box2dWeb javascript 的 Python 脚本。看看吧：https://github.com/kylophone/SVG-Box2dWeb

【讨论】：