fix: use callbackScope for tweens in phaser 3

docs/examples/js/phaser3/hscrollbar.js

@@ -13,9 +13,9 @@ var game = new Phaser.Game(config);
 
 function preload() {
     var assetRoot = '../../assets/horizontal/';
-    this.load.image("dummyButton", assetRoot + "sprite.png");
-    this.load.image("track", assetRoot + 'track.png');
-    this.load.spritesheet('bar', assetRoot + 'bar.png', { frameWidth: 44, frameHeight: 22 });
+    this.load.image('dummyButton', `${assetRoot}sprite.png`);
+    this.load.image('track', `${assetRoot}track.png`);
+    this.load.spritesheet('bar', `${assetRoot}bar.png`, { frameWidth: 44, frameHeight: 22 });
 }
 
 function create() {
@@ -25,15 +25,15 @@ function create() {
     viewport.addNode(row);
 
     // Add things to the row.
-    var dummy_sprite_a = this.add.image(0, 0, "dummyButton");
-    var dummy_sprite_b = this.add.image(0, 0, "dummyButton");
-    var dummy_sprite_c = this.add.image(0, 0, "dummyButton");
-    var dummy_sprite_d = this.add.image(0, 0, "dummyButton");
-    var dummy_sprite_e = this.add.image(0, 0, "dummyButton");
-    var dummy_sprite_f = this.add.image(0, 0, "dummyButton");
-    var dummy_sprite_g = this.add.image(0, 0, "dummyButton");
-    var dummy_sprite_h = this.add.image(0, 0, "dummyButton");
-    var dummy_sprite_i = this.add.image(0, 0, "dummyButton");
+    var dummy_sprite_a = this.add.image(0, 0, 'dummyButton');
+    var dummy_sprite_b = this.add.image(0, 0, 'dummyButton');
+    var dummy_sprite_c = this.add.image(0, 0, 'dummyButton');
+    var dummy_sprite_d = this.add.image(0, 0, 'dummyButton');
+    var dummy_sprite_e = this.add.image(0, 0, 'dummyButton');
+    var dummy_sprite_f = this.add.image(0, 0, 'dummyButton');
+    var dummy_sprite_g = this.add.image(0, 0, 'dummyButton');
+    var dummy_sprite_h = this.add.image(0, 0, 'dummyButton');
+    var dummy_sprite_i = this.add.image(0, 0, 'dummyButton');
 
     row.addNode(dummy_sprite_a);
     row.addNode(dummy_sprite_b);

src/bars/draggable_bar.js

@@ -179,8 +179,6 @@ export class DraggableBar extends Bar {
             this.moveContent,
             null,
             this,
-            this,
-            null,
         );
     }
 

src/phaserObjects/tween.js

@@ -6,21 +6,15 @@ if (Phaser.Tween === undefined) {
             this.game = game;
         }
 
-        add(target, properties, duration, ease, onComplete, onUpdate, onStart, onCompleteScope, onUpdateScope, onStartScope) {
-            const completeScope = onCompleteScope || this;
-            const updateScope = onUpdateScope || this;
-            const startScope = onStartScope || this;
-
+        add(target, properties, duration, ease, onComplete, onUpdate, onStart, callbackScope) {
             const config = {
                 targets: target,
                 duration,
                 ease,
                 onComplete,
                 onUpdate,
                 onStart,
-                onCompleteScope: completeScope,
-                onUpdateScope: updateScope,
-                onStartScope: startScope,
+                callbackScope,
             };
             const params = Object.assign(config, properties);
             this.game.tweens.add(params);

src/wheel3D.js

@@ -296,8 +296,6 @@ export class Wheel3D {
                     null,
                     () => { this.dispatchOnStart(); },
                     this,
-                    null,
-                    null,
                 );
             }
         }