Zone now uses x/y as center for drop zone shapes.

Author: photonstorm

v3/src/checksum.js

@@ -1,4 +1,4 @@
 var CHECKSUM = {
-build: '980f6760-7325-11e7-a031-bfdaa3af0a4c'
+build: 'fe5bfd50-7332-11e7-902d-a936c8f38615'
 };
 module.exports = CHECKSUM;

v3/src/gameobjects/zone/Zone.js

@@ -1,8 +1,19 @@
 
+var BlendModes = require('../../renderer/BlendModes');
+var Circle = require('../../geom/circle/Circle');
+var CircleContains = require('../../geom/circle/Contains');
 var Class = require('../../utils/Class');
-var GameObject = require('../GameObject');
 var Components = require('../components');
-var BlendModes = require('../../renderer/BlendModes');
+var GameObject = require('../GameObject');
+var Rectangle = require('../../geom/rectangle/Rectangle');
+var RectangleContains = require('../../geom/rectangle/Contains');
+
+//  A Zone is a non-rendering Game Object that has a position and size.
+//  It has no texture and never renders, but does live on the display list and
+//  can be moved, scaled and rotated like any other Game Object.
+//  The default origin is 0.5, the center of the Zone, the same as with Game Objects.
+//  It's useful for linking to drop zones and input hit areas and has a couple of helper methods specifically for this.
+//  Also useful for object overlap checks, or as a base for your own non-displaying objects.
 
 var Zone = new Class({
 
@@ -22,23 +33,48 @@ var Zone = new Class({
 
     function Zone (scene, x, y, width, height)
     {
+        if (width === undefined) { width = 1; }
+        if (height === undefined) { height = width; }
+
         GameObject.call(this, scene, 'Zone');
 
         this.setPosition(x, y);
         this.setSize(width, height);
-        this.setOrigin(0);
 
         this.blendMode = BlendModes.NORMAL;
     },
 
+    //  Centered on the Zones x/y
+    setCircleDropZone: function (radius)
+    {
+        return this.setDropZone(new Circle(0, 0, radius), CircleContains);
+    },
+
+    //  Centered on the Zones x/y position
+    setRectangleDropZone: function (width, height)
+    {
+        var x = -(width / 2);
+        var y = -(height / 2);
+
+        return this.setDropZone(new Rectangle(x, y, width, height), RectangleContains);
+    },
+
+    //  Define your own shape as the drop zone
     setDropZone: function (shape, callback)
     {
-        if (!this.input)
+        if (shape === undefined)
         {
-            this.setInteractive(shape, callback);
+            this.setRectangleDropZone(this.width, this.height);
         }
+        else
+        {
+            if (!this.input)
+            {
+                this.setInteractive(shape, callback);
+            }
 
-        this.input.dropZone = true;
+            this.input.dropZone = true;
+        }
 
         return this;
     },