Lots of new examples :)

Lots of new examples, the wip/examples folder can be destoryed I think

examples/input/drop limitation.php

@@ -0,0 +1,63 @@
+ 
+ <?php
+    $title = "Using a drop event to control the drag and drop";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+(function () {
+
+    var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create,render:render});
+
+    function preload() {
+        game.load.spritesheet('item', 'assets/buttons/number-buttons-90x90.png', 90, 90);
+        
+    }
+    function create() {
+
+        // Add some items to left side, and set a onDragStop listener
+        // to limit its location when dropped.
+
+        var item;
+        for (var i = 0; i < 6; i++) {
+            // Directly create sprites on the left group.
+            item = game.add.sprite(90, 90 * i, 'item', i);
+            // Enable input detection, then it's possible be dragged.
+            item.input.start(0,true);
+            // Make this item draggable.
+            item.input.enableDrag();
+            
+            // Then we make it snap to left and right side,
+            // also we make it only snap when released.
+            item.input.enableSnap(90, 90, false, true);
+
+            // Limit drop location to only the 2 columns.
+            item.events.onDragStop.add(fixLocation);
+        }
+    }
+
+    function render() {
+        game.debug.renderText('Group Left.', 100, 560);
+        game.debug.renderText('Group Right.', 280, 560);
+    }
+    function fixLocation(item) {
+        // Move the items when it is already dropped.
+        if (item.x < 90) {
+            item.x = 90;
+        }
+        else if (item.x > 180 && item.x < 270) {
+            item.x = 180;
+        }
+        else if (item.x > 360) {
+            item.x = 270;
+        }
+    }
+
+})();
+
+</script>
+
+<?php
+    require('../foot.php');
+?>