Added showBodyPosition config option

Author: photonstorm

src/physics/matter-js/World.js

@@ -244,6 +244,7 @@ var World = new Class({
             showBody: GetFastValue(debugConfig, 'showBody', true),
             showStaticBody: GetFastValue(debugConfig, 'showStaticBody', true),
             showSleeping: GetFastValue(debugConfig, 'showSleeping', false),
+            showBodyPosition: GetFastValue(debugConfig, 'showBodyPosition', true),
             showJoint: GetFastValue(debugConfig, 'showJoint', true),
             showInternalEdges: GetFastValue(debugConfig, 'showInternalEdges', false),
             showConvexHulls: GetFastValue(debugConfig, 'showConvexHulls', false),
@@ -264,6 +265,9 @@ var World = new Class({
             sleepFillColor: GetFastValue(debugConfig, 'sleepFillColor', 0x464646),
             sleepLineColor: GetFastValue(debugConfig, 'sleepLineColor', 0x999a99),
 
+            positionSize: GetFastValue(debugConfig, 'positionSize', 4),
+            positionColor: GetFastValue(debugConfig, 'positionColor', 0xe042da),
+
             jointColor: GetFastValue(debugConfig, 'jointColor', 0xe0e042),
             jointLineOpacity: GetFastValue(debugConfig, 'jointLineOpacity', 1),
             jointLineThickness: GetFastValue(debugConfig, 'jointLineThickness', 2),
@@ -1411,21 +1415,12 @@ var World = new Class({
         if (fillColor === undefined) { fillColor = null; }
         if (fillOpacity === undefined) { fillOpacity = null; }
 
+        var config = this.debugConfig;
+
         //  Handle compound parts
         var parts = body.parts;
         var partsLength = parts.length;
 
-        /*
-        if (!body.isStatic)
-        {
-            var w = body.bounds.max.x - body.bounds.min.x;
-            var h = body.bounds.max.y - body.bounds.min.y;
-
-            graphics.fillStyle(0x6d6d6d, 0.3);
-            graphics.fillRect(body.bounds.min.x, body.bounds.min.y, w, h);
-        }
-        */
-
         for (var k = (partsLength > 1) ? 1 : 0; k < partsLength; k++)
         {
             var part = parts[k];
@@ -1498,13 +1493,14 @@ var World = new Class({
             }
         }
 
-        if (!body.isStatic)
+        if (config.showBodyPosition && !body.isStatic)
         {
             var px = body.position.x;
             var py = body.position.y;
+            var hs = Math.ceil(config.positionSize / 2);
 
-            graphics.fillStyle(0xff00ff, 1);
-            graphics.fillRect(px - 3, py - 3, 6, 6);
+            graphics.fillStyle(config.positionColor, 1);
+            graphics.fillRect(px - hs, py - hs, config.positionSize, config.positionSize);
         }
 
         return this;

src/physics/matter-js/typedefs/MatterDebugConfig.js

@@ -8,6 +8,7 @@
  * @property {boolean} [showJoint=true] - Render all world constraints to the Graphics object?
  * @property {boolean} [showInternalEdges=false] - When rendering bodies, render the internal edges as well?
  * @property {boolean} [showConvexHulls=false] - When rendering polygon bodies, render the convex hull as well?
+ * @property {boolean} [showBodyPosition=true] - Render the position of non-static bodies?
  * @property {boolean} [renderFill=false] - Render the bodies using a fill color.
  * @property {boolean} [renderLine=true] - Render the bodies using a line stroke.
  * @property {number} [fillColor=0x106909] - The color value of the fill when rendering dynamic bodies.
@@ -20,6 +21,8 @@
  * @property {number} [staticBodySleepOpacity=0.7] - The amount to multiply the opacity of sleeping static bodies by.
  * @property {number} [sleepFillColor=0x464646] - The color value of the fill when rendering sleeping dynamic bodies.
  * @property {number} [sleepLineColor=0x999a99] - The color value of the line stroke when rendering sleeping dynamic bodies.
+ * @property {number} [positionSize=4] - The size of the rectangle drawn when rendering the body position.
+ * @property {number} [positionColor=0xe042da] - The color value of the rectangle drawn when rendering the body position.
  * @property {number} [jointColor=0xe0e042] - The color value of joints when `showJoint` is set.
  * @property {number} [jointLineOpacity=1] - The line opacity when rendering joints, a value between 0 and 1.
  * @property {number} [jointLineThickness=2] - The line thickness when rendering joints.