javascript - 带有外部图像的 box2d-js 元素

标签 javascript html physics box2d

到目前为止,在各种 box2d js 实现的示例中,我只能找到以形状(球/盒子/等)定义的元素,有没有办法创建由图像定义的元素,例如一 block 巨石?

最佳答案

您可以使用 b2PolyDefb2PolyShape 对象来创建多边形。

This documentation是为 AS3 而设计的,但找出等效的 JavaScript 相对简单。

如果你想自动从图像的边界框到多边形的映射,你可以使用 Canvas 和 getImageData() 来寻找非透明的像素(假设你的图像有一个透明的背景)。这可能比它值得的更多努力。

另见 Understanding custom polygons in Box2D .

关于javascript - 带有外部图像的 box2d-js 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6567823/

相关文章:

javascript - 使用 JavaScript 验证表单

javascript - 我怎样才能生成颜色(不是偶然的)并且使它们具有不同的颜色,而不是阴影?

javascript - 如何使用 HTML5 Canvas 平滑连续地连接 2 条贝塞尔曲线

html - 如何在图像悬停时制作可点击图标

html - 使用 html5 的响应式布局

javascript - 二维抛物线弹丸

swift - 无法将类型 "Game Scene"的值分配给类型 "SKPhysicsContactDelegate"的值

javascript - 我的 JavaScript 代码在 Mozilla Firefox 中无法正常工作

javascript - Slider Revolution 响应式 jQuery Slider - 嵌入 YouTube 打破幻灯片自动前进

Python tkinter 弹跳球 - 能量趋于无穷大