2D Physics engine to simulate gravity using images

Question

I am searching for a 2D physics engine to simulate gravity using images, preferably PNG images with transparency. So the engine will know how to calculate the collision base on the opaque parts of the image. I have only found Javascript engines that works with primitive shapes and basic HTML elements, but not with images.

I think he means that transparent sections of an image shouldn't collide. — xthexder
– xthexder, Commented Jul 30, 2012 at 17:02
found this: lib.ivank.net/?p=demos&d=box2D, but I don't think it recognizes the empty areas of the PNG image — Liron Harel
– Liron Harel, Commented Jul 30, 2012 at 17:14

micnic · Accepted Answer · 2012-07-30 17:38:05Z

I don't know any way to do what you desire, but you can try drawing your shapes in HTML5 Canvas and use Box2D.js for working with shape collision.

cmourglia · Accepted Answer · 2016-06-12 11:04:54Z

One think you could do is compute the convex hull of your image (you can have a look here) and then use those hulls to compute collisions and so on (using GJK for example, you can find some great explanations here or here)

As noted by micnic, I guess you can indeed use Box2D.js and feed a b2PolygonShape why the non transparent pixels of your images (or you can compute their contours and use contours as input for the b2PolygonShape)

Collectives™ on Stack Overflow

2D Physics engine to simulate gravity using images

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related