Added Drop Event and handler for it.

Author: photonstorm

v3/src/checksum.js

@@ -1,4 +1,4 @@
 var CHECKSUM = {
-build: '3a5d2280-72ec-11e7-8b11-6305b5d0c265'
+build: 'ee28c910-72ef-11e7-8342-3d0a4b198ddc'
 };
 module.exports = CHECKSUM;

v3/src/gameobjects/zone/Zone.js

@@ -38,7 +38,7 @@ var Zone = new Class({
             this.setInteractive(shape, callback);
         }
 
-        this.input.dropzone = true;
+        this.input.dropZone = true;
 
         return this;
     },

v3/src/input/InteractiveObject.js

@@ -10,7 +10,7 @@ var InteractiveObject = function (gameObject, hitArea, hitAreaCallback)
 
         enabled: true,
         draggable: false,
-        dropzone: false,
+        dropZone: false,
 
         hitArea: hitArea,
         hitAreaCallback: hitAreaCallback,

v3/src/input/local/SceneInputManager.js

@@ -62,7 +62,7 @@ var SceneInputManager = new Class({
         //  pendingRemoval: Objects waiting to be removed from the list on the next call to 'begin'
         this._pendingRemoval = [];
 
-        //  draggable: A list of all Game Objects that has been enabled for dragging
+        //  draggable: A list of all Game Objects that have been enabled for dragging
         this._draggable = [];
 
         //  drag: A list of all Interactive Objects currently considered as being 'draggable' by any pointer, indexed by pointer ID
@@ -71,7 +71,7 @@ var SceneInputManager = new Class({
         //  over: A list of all Interactive Objects currently considered as being 'over' by any pointer, indexed by pointer ID
         this._over = { 0: [], 1: [], 2: [], 3: [], 4: [], 5: [], 6: [], 7: [], 8: [], 9: [] };
 
-        this._validTypes = [ 'onDown', 'onUp', 'onOver', 'onOut', 'onMove', 'onDragStart', 'onDrag', 'onDragEnd' ];
+        this._validTypes = [ 'onDown', 'onUp', 'onOver', 'onOut', 'onMove', 'onDragStart', 'onDrag', 'onDragEnd', 'onDragEnter', 'onDragLeave', 'onDragOver', 'onDrop' ];
     },
 
     //  Add option to get all IOs within a Rect or Circle

v3/src/input/local/components/ProcessDragEvents.js

@@ -163,6 +163,19 @@ var ProcessDragEvents = function (pointer, time)
             input.dragX = input.localX - gameObject.displayOriginX;
             input.dragY = input.localY - gameObject.displayOriginY;
 
+            //  Any drop zones here?
+            for (var c = 0; c < currentlyOver.length; c++)
+            {
+                var overGameObject = currentlyOver[c];
+
+                if (overGameObject.input.dropZone)
+                {
+                    this.events.dispatch(new InputEvent.DROP(pointer, gameObject, overGameObject));
+                }
+            }
+
+            //  And finally the dragend event
+
             this.events.dispatch(new InputEvent.DRAG_END(pointer, gameObject));
 
             input.onDragEnd(gameObject, pointer, input.dragX, input.dragY);

v3/src/input/local/events/DropEvent.js

@@ -0,0 +1,40 @@
+var Class = require('../../../utils/Class');
+var Event = require('../../../events/Event');
+
+var DropEvent = new Class({
+
+    Extends: Event,
+
+    initialize:
+
+    function DropEvent (pointer, gameObject, dropZone)
+    {
+        Event.call(this, 'DROP_EVENT');
+
+        //  The Pointer that triggered the event
+        this.pointer = pointer;
+
+        //  The native DOM event (MouseEvent, TouchEvent, etc)
+        this.event = pointer.event;
+
+        //  The Game Object the event occurred on
+        this.gameObject = gameObject;
+
+        //  The drop zone the game object was dropped on
+        this.dropZone = dropZone;
+
+        //  The local x/y coordinates of the event within the Game Object
+        // this.x = pointer.x;
+        // this.y = pointer.y;
+
+        // this.dragX = gameObject.input.dragX;
+        // this.dragY = gameObject.input.dragY;
+
+        //  The local x/y coordinates of the event within the Game Object
+        // this.dragX = pointer.x - gameObject.input.dragX;
+        // this.dragY = pointer.y - gameObject.input.dragY;
+    }
+
+});
+
+module.exports = DropEvent;

v3/src/input/local/events/index.js

@@ -2,6 +2,7 @@
 
 module.exports = {
 
+    DROP: require('./DropEvent'),
     DRAG: require('./DragEvent'),
     DRAG_END: require('./DragEndEvent'),
     DRAG_START: require('./DragStartEvent'),