элемент box2d-js с внешним изображением

Question

Пока в примерах реализации реализации box2d js я могу найти только элемент, определенный в форме (шар / коробка / и т. Д.), Есть ли способ создать элемент, определенный изображением, например, валун?

Answer 1

Я пытался решить такую ​​же проблему, когда наткнулся на этот блестящий ответ .Надеюсь, это поможет вам.

Answer 2

Вы можете использовать объекты b2PolyDef и b2PolyShape для создания полигонов.

Эта документация предназначена для AS3, но относительно просто определить эквивалент JavaScript.

Если вы хотите автоматизировать отображение от ограничивающего прямоугольника изображения до многоугольника, вы можете использовать canvas и getImageData() для поиска по пикселям в поисках непрозрачного (при условии, что ваше изображение имеет прозрачный фон). Это, вероятно, больше усилий, чем оно того стоит.

Также см. Основные сведения о пользовательских многоугольниках в Box2D .