Added Box2D handler support.

Author: photonstorm

build/config.php

@@ -9,9 +9,14 @@
         $p2 = true;
     }
 
+    if (!isset($box2d))
+    {
+        $box2d = false;
+    }
+
     if (!isset($ninja))
     {
-        $ninja = true;
+        $ninja = false;
     }
 
     if (!isset($arcade))
@@ -24,6 +29,11 @@
         echo "    <script src=\"$path/src/physics/p2/p2.js\"></script>";
     }
 
+    if ($box2d)
+    {
+        echo "    <script src=\"$path/src/physics/box2d/box2d-html5.js\"></script>";
+    }
+
     echo <<<EOL
 
     <script src="$path/src/pixi/Pixi.js"></script>
@@ -220,6 +230,19 @@
 EOL;
     }
 
+    if ($box2d)
+    {
+        echo <<<EOL
+
+    <script src="$path/src/physics/box2d/World.js"></script>
+    <script src="$path/src/physics/box2d/Body.js"></script>
+    <script src="$path/src/physics/box2d/PointProxy.js"></script>
+    <script src="$path/src/physics/box2d/DefaultDebugDraw.js"></script>
+    <script src="$path/src/physics/box2d/DefaultContactListener.js"></script>
+    <script src="$path/src/physics/box2d/Polygon.js"></script>
+EOL;
+    }
+
     if (isset($custom))
     {
         for ($i = 0; $i < count($custom); $i++)

src/physics/Physics.js

@@ -88,7 +88,7 @@ Phaser.Physics.BOX2D = 3;
 * @const
 * @type {number}
 */
-Phaser.Physics.CHIPMUNK = 5;
+Phaser.Physics.CHIPMUNK = 4;
 
 Phaser.Physics.prototype = {
 
@@ -116,6 +116,11 @@ Phaser.Physics.prototype = {
             this.p2 = new Phaser.Physics.P2(this.game, this.config);
         }
 
+        if (this.config.hasOwnProperty('box2d') && this.config['box2d'] === true && Phaser.Physics.hasOwnProperty('BOX2D'))
+        {
+            this.box2d = new Phaser.Physics.BOX2D(this.game, this.config);
+        }
+
     },
 
     /**
@@ -145,7 +150,7 @@ Phaser.Physics.prototype = {
         }
         else if (system === Phaser.Physics.BOX2D && this.box2d === null)
         {
-            throw new Error('The Box2D physics system has not been implemented yet.');
+            this.box2d = new Phaser.Physics.Box2D(this.game, this.config);
         }
         else if (system === Phaser.Physics.CHIPMUNK && this.chipmunk === null)
         {
@@ -162,7 +167,8 @@ Phaser.Physics.prototype = {
     * Phaser.Physics.Arcade - A light weight AABB based collision system with basic separation.
     * Phaser.Physics.P2JS - A full-body advanced physics system supporting multiple object shapes, polygon loading, contact materials, springs and constraints.
     * Phaser.Physics.NINJA - A port of Metanet Softwares N+ physics system. Advanced AABB and Circle vs. Tile collision.
-    * Phaser.Physics.BOX2D and Phaser.Physics.CHIPMUNK are still in development.
+    * Phaser.Physics.BOX2D - A port of https://code.google.com/p/box2d-html5
+    * Phaser.Physics.CHIPMUNK is still in development.
     *
     * If you require more control over what type of body is created, for example to create a Ninja Physics Circle instead of the default AABB, then see the
     * individual physics systems `enable` methods instead of using this generic one.
@@ -189,6 +195,10 @@ Phaser.Physics.prototype = {
         {
             this.ninja.enableAABB(object);
         }
+        else if (system === Phaser.Physics.BOX2D && this.box2d)
+        {
+            this.box2d.enable(object);
+        }
 
     },
 
@@ -207,6 +217,11 @@ Phaser.Physics.prototype = {
             this.p2.preUpdate();
         }
 
+        if (this.box2d)
+        {
+            this.box2d.preUpdate();
+        }
+
     },
 
     /**
@@ -224,6 +239,11 @@ Phaser.Physics.prototype = {
             this.p2.update();
         }
 
+        if (this.box2d)
+        {
+            this.box2d.update();
+        }
+
     },
 
     /**
@@ -249,6 +269,11 @@ Phaser.Physics.prototype = {
             this.p2.setBoundsToWorld();
         }
 
+        if (this.box2d)
+        {
+            //this.box2d.setBoundsToWorld(); TODO
+        }
+
     },
 
     /**
@@ -264,6 +289,11 @@ Phaser.Physics.prototype = {
             this.p2.clear();
         }
 
+        if (this.box2d)
+        {
+            this.box2d.clear();
+        }
+
     },
 
     /**
@@ -278,9 +308,15 @@ Phaser.Physics.prototype = {
             this.p2.destroy();
         }
 
+        if (this.box2d)
+        {
+            this.box2d.destroy();
+        }
+
         this.arcade = null;
         this.ninja = null;
         this.p2 = null;
+        this.box2d = null;
 
     }
 

src/utils/Debug.js

@@ -775,8 +775,49 @@ Phaser.Utils.Debug.prototype = {
                 Phaser.Physics.Arcade.Body.renderBodyInfo(this, sprite.body);
                 this.stop();
             }
+            else if (sprite.body.type === Phaser.Physics.BOX2D)
+            {
+                this.start(x, y, color, 210);
+                this.game.physics.box2d.renderBodyInfo(this, sprite.body);
+                this.stop();
+            }
         }
 
+    },
+
+    /**
+    * Renders 'debug draw' data for the Box2D world if it exists.
+    * This uses the standard debug drawing feature of Box2D, so colors will be decided by
+    * the Box2D engine.
+    *
+    * @method Phaser.Utils.Debug#box2dWorld
+    */
+    box2dWorld: function () {
+    
+        this.start();
+        
+        this.context.translate(-this.game.camera.view.x, -this.game.camera.view.y, 0);
+        this.game.physics.box2d.renderDebugDraw(this.context);
+        
+        this.stop();
+
+    },
+
+    /**
+    * Renders 'debug draw' data for the given Box2D body.
+    * This uses the standard debug drawing feature of Box2D, so colors will be decided by
+    * the Box2D engine.
+    *
+    * @method Phaser.Utils.Debug#box2dBody
+    * @param {Phaser.Sprite} sprite - The sprite whos body will be rendered.
+    * @param {string} [color='rgb(0,255,0)'] - color of the debug info to be rendered. (format is css color string).
+    */
+    box2dBody: function (body, color) {
+    
+        this.start();        
+        Phaser.Physics.Box2D.renderBody(this.context, body, color);
+        this.stop();
+
     }
 
 };