Updated drag example

Author: photonstorm

public/assets/pics/goblin.png

@@ -1,44 +1,42 @@
-var config = {
-    type: Phaser.WEBGL,
-    parent: 'phaser-example',
-    scene: {
-        preload: preload,
-        create: create
-    }
-};
-
-var game = new Phaser.Game(config);
-
-function preload ()
+class Example extends Phaser.Scene
 {
-    this.load.image('eye', 'assets/pics/lance-overdose-loader-eye.png');
-}
-
-function create ()
-{
-    var image = this.add.sprite(200, 300, 'eye').setInteractive();
-
-    this.input.setDraggable(image);
-
-    //  The pointer has to move 16 pixels before it's considered as a drag
-    this.input.dragDistanceThreshold = 16;
+    constructor()
+    {
+        super();
+    }
 
-    this.input.on('dragstart', function (pointer, gameObject) {
+    preload ()
+    {
+        this.load.image('bg', 'assets/skies/cavern1.png');
+        this.load.image('goblin', 'assets/pics/goblin.png');
+        this.load.image('spider', 'assets/pics/spider.png');
+    }
 
-        gameObject.setTint(0xff0000);
+    create ()
+    {
+        this.add.image(400, 300, 'bg');
+        this.add.text(16, 16, 'Move 32px before drag starts').setFontSize(24).setShadow(1, 1);
 
-    });
+        this.add.image(200, 300, 'goblin').setInteractive({ draggable: true });
+        this.add.image(600, 300, 'spider').setInteractive({ draggable: true });
 
-    this.input.on('drag', function (pointer, gameObject, dragX, dragY) {
+        //  The pointer has to move 32 pixels before it's considered as a drag
+        this.input.dragDistanceThreshold = 32;
 
-        gameObject.x = dragX;
-        gameObject.y = dragY;
+        this.input.on('drag', (pointer, gameObject, dragX, dragY) => {
 
-    });
+            gameObject.setPosition(dragX, dragY);
 
-    this.input.on('dragend', function (pointer, gameObject) {
+        });
+    }
+}
 
-        gameObject.clearTint();
+const config = {
+    type: Phaser.AUTO,
+    width: 800,
+    height: 600,
+    parent: 'phaser-example',
+    scene: Example
+};
 
-    });
-}
+const game = new Phaser.Game(config);