What is This?

I made this utility to help define objects that were going to be used in Box2D (in javascript). First load a local image, click points on the image. Double-click to finish the polygon. Then you can click anywhere in the scene to see if the polygon works correctly. Also you can see how MouseJoints work with CAAT by dragging any objects added to the scene.

Load A Local File

Load Reset

Definition Results

Output

Polygon Problems?

-All polygons must be convex. See this.
-You must define a polygon in a clockwise order.
-Double-Click to connect last point to your first point
-After double-clicking the last point, click anywhere on scene to test polygon.