move shape specific debug rendering into the shapes

Author: psalaets

src/physics/ninja/AABB.js

@@ -1003,6 +1003,31 @@ Phaser.Physics.Ninja.AABB.prototype = {
     destroy: function() {
         this.body = null;
         this.system = null;
-    }
+    },
+
+    /**
+    * Render this AABB for debugging purposes.
+    *
+    * @method Phaser.Physics.Ninja.AABB#render
+    * @param {object} context - The context to render to.
+    * @param {number} xOffset - X offset from AABB's position to render at.
+    * @param {number} yOffset - Y offset from AABB's position to render at.
+    * @param {string} color - color of the debug shape to be rendered. (format is css color string).
+    * @param {boolean} filled - Render the shape as solid (true) or hollow (false).
+    */
+    render: function(context, xOffset, yOffset, color, filled) {
+        var left = this.pos.x - this.xw - xOffset;
+        var top = this.pos.y - this.yw - yOffset;
 
+        if (filled)
+        {
+            context.fillStyle = color;
+            context.fillRect(left, top, this.width, this.height);
+        }
+        else
+        {
+            context.strokeStyle = color;
+            context.strokeRect(left, top, this.width, this.height);
+        }
+    }
 };

src/physics/ninja/Body.js

@@ -565,37 +565,10 @@ Phaser.Physics.Ninja.Body.render = function(context, body, color, filled) {
 
     if (body.aabb)
     {
-        var left = body.x - (body.width / 2) - body.game.camera.x;
-        var top = body.y - (body.height / 2) - body.game.camera.y;
-
-        if (filled)
-        {
-            context.fillStyle = color;
-            context.fillRect(left, top, body.width, body.height);
-        }
-        else
-        {
-            context.strokeStyle = color;
-            context.strokeRect(left, top, body.width, body.height);
-        }
+        body.aabb.render(context, body.game.camera.x, body.game.camera.y, color, filled);
     }
     else if (body.circle)
     {
-        var x = body.x - body.game.camera.x;
-        var y = body.y - body.game.camera.y;
-
-        context.beginPath();
-        context.arc(x, y, body.circle.radius, 0, 2 * Math.PI, false);
-
-        if (filled)
-        {
-            context.fillStyle = color;
-            context.fill();
-        }
-        else
-        {
-            context.strokeStyle = color;
-            context.stroke();
-        }
+        body.circle.render(context, body.game.camera.x, body.game.camera.y, color, filled);
     }
 };

src/physics/ninja/Circle.js

@@ -2619,6 +2619,34 @@ Phaser.Physics.Ninja.Circle.prototype = {
     destroy: function() {
         this.body = null;
         this.system = null;
-    }
+    },
+
+    /**
+    * Render this circle for debugging purposes.
+    *
+    * @method Phaser.Physics.Ninja.Circle#render
+    * @param {object} context - The context to render to.
+    * @param {number} xOffset - X offset from circle's position to render at.
+    * @param {number} yOffset - Y offset from circle's position to render at.
+    * @param {string} color - color of the debug shape to be rendered. (format is css color string).
+    * @param {boolean} filled - Render the shape as solid (true) or hollow (false).
+    */
+    render: function(context, xOffset, yOffset, color, filled) {
+        var x = this.pos.x - xOffset;
+        var y = this.pos.y - yOffset;
+
+        context.beginPath();
+        context.arc(x, y, this.radius, 0, 2 * Math.PI, false);
 
+        if (filled)
+        {
+            context.fillStyle = color;
+            context.fill();
+        }
+        else
+        {
+            context.strokeStyle = color;
+            context.stroke();
+        }
+    }
 };