I’m trying to use JavaScript to make it so that when certain pieces of text in the document are clicked, they become physical objects and drop down to the bottom of the screen. I’m using matter.js to do this and it’s only the rendering that’s tripping me up.

I’m trying to use JavaScript to make it so that when certain pieces of text in the document are clicked, they become physical objects and drop down to the bottom of the screen. I’m using matter.js to do this and it’s only the rendering that’s tripping me up.

I’m trying to use JavaScript to make it so that when certain pieces of text in the document are clicked, they become physical objects and drop down to the bottom of the screen. I’m using matter.js to do this and it’s only the rendering that’s tripping me up.

Using MatterJS I have a stack of circles and a floor rectangle:

I have a polygon that I’m trying to make into a Body in matter.js, but it’s concave so i’ve split it into multiple convex polygons as shown below:

_{here is the point data, it’s very large}

But when I try to add this into my matter.js world, like this: