Merge branch 'ES5'

# Conflicts:
#	src/PathBuilder.js

Author: samid737

CHANGELOG.md

@@ -1,3 +1,24 @@
+## Version 1.6.0 - May 20th 2018
+
+### Features
+
+- 
+
+### Updates
+
+- Update to Phaser 3.8.0.
+- Integrate API changes.
+- Added ES5 Branch. 
+
+### Bug Fixes
+
+- Fixed issue where middle mouse button press would place A point.
+- Fixed issue where right mouse button press would undo A placement.
+
+### Thanks
+
+-
+
 ## Version 1.5.0 - May 11th 2018
 
 ### Features

README.md

@@ -21,18 +21,9 @@ A tool to build paths for [Pathfollowers](https://labs.phaser.io/index.html?dir=
 ```
 function preload ()
 {
-    this.load.plugin('PathBuilder', 'path/to/PathBuilder.js');
+    this.load.scenePlugin('PathBuilder', 'path/to/PathBuilder.js');
 }
 ```
-3.
-```
-
-function create ()
-{
-    this.sys.install('PathBuilder');
-}
-```
-
 * UI:
 
     * Controls: 
@@ -60,8 +51,8 @@ function create ()
 
 ## Requirements:
 
-* Phaser 3 (at least 3.3.0, not working in 3.7.1).
-* Mouse with middle mouse button click.
+* Phaser 3, latest recommended to guarantee matching API.     
+* Mouse with middle mouse button if you want to explore A scene.
 * Chrome browser recommended.
 
 ## Dev notes

dist/PathBuilder.js

@@ -310,30 +310,21 @@ var PathBuilder = function (scene) {
     this.scene = scene;
     this.systems = scene.sys;
 
-    if (!scene.sys.settings.isBooted) {
-        scene.sys.events.on('boot', this.boot, this);
-    }
 };
 
 PathBuilder.UI = __webpack_require__(2);
 PathBuilder.Scene = __webpack_require__(8);
 
-PathBuilder.register = function (PluginManager) {
-
-    PluginManager.register('PathBuilder', PathBuilder, 'curveGenerator');
-};
-
 PathBuilder.prototype = {
 
     boot: function () {
         var eventEmitter = this.systems.events;
 
         eventEmitter.on('shutdown', this.shutdown, this);
         eventEmitter.on('destroy', this.destroy, this);
-
-        //TODO: rewrite game variable
-        this.scene.sys.game.scene.add('UI', PathBuilder.Scene, true);
-
+                
+        //TODO: rewrite according API
+        this.systems.scenePlugin.add('UI', PathBuilder.Scene, true);
     },
 
     //  Called when a Scene shuts down, it may then come back again later (which will invoke the 'start' event) but should be considered dormant.
@@ -901,7 +892,7 @@ var Pointer = function (ui, x, y, key, frame) {
 
     this.scene.input.on('pointerdown', function (pointer, gameObject) {
 
-        if (this.scene.mode == "draw" && pointer.dragState ==0) {
+        if (this.scene.mode == "draw" && pointer.dragState ==0 && pointer.leftButtonDown()) {
             if (gameObject.length ==0 && (pointer.x > 50 && pointer.x < this.scene.W - 100)) {
 
                 var _dx = this.scene.drawpanel.camera.scrollX;
@@ -912,7 +903,7 @@ var Pointer = function (ui, x, y, key, frame) {
         } 
 
 
-        if(pointer.rightButtonDown() && this.scene.input.activePointer.dragState == 0)
+        if(pointer.rightButtonDown() && pointer.dragState == 0)
         {
             this.lockX = pointer.x;
             this.lockY = pointer.y;
@@ -981,8 +972,6 @@ Pointer.prototype.switchmode = function (mode) {
         this.menu.forEach(function(element){ element.setVisible(false)});
     }
     if (mode == "select"){        
-        this.scene.undo();
-
         this.setVisible(false);  
         this.menu.forEach(function(element){ element.setVisible(true)});
 

dist/PathBuilder.min.js

@@ -21,14 +21,13 @@ function preload()
     this.load.image('dude', 'assets/sprites/phaser-dude.png');
     this.load.json('data', 'assets/paths/data.json');
 
-    this.load.plugin('PathBuilder', 'dist/PathBuilder.min.js');
+    this.load.scenePlugin('PathBuilder', 'dist/PathBuilder.min.js');
 
 }
 
 function create() 
 {
     this.cameras.main.setBackgroundColor(0x11155);
-    this.sys.install('PathBuilder');
 
     player = this.add.image(400, 300, 'dude').setScale(6, 6);
 }

examples/test.js

@@ -1,6 +1,6 @@
 {
   "name": "phaser3-plugin-pathbuilder",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Draw and edit Lines, Bezier Curves, Splines during runtime and export them for path tweens and PathFollowers in Phaser 3",
   "main": "src/PathBuilder.js",
   "scripts": {

package.json

@@ -13,7 +13,7 @@ var Pointer = function (ui, x, y, key, frame) {
 
     this.scene.input.on('pointerdown', function (pointer, gameObject) {
 
-        if (this.scene.mode == "draw" && pointer.dragState ==0) {
+        if (this.scene.mode == "draw" && pointer.dragState ==0 && pointer.leftButtonDown()) {
             if (gameObject.length ==0 && (pointer.x > 50 && pointer.x < this.scene.W - 100)) {
 
                 var _dx = this.scene.drawpanel.camera.scrollX;
@@ -24,7 +24,7 @@ var Pointer = function (ui, x, y, key, frame) {
         } 
 
 
-        if(pointer.rightButtonDown() && this.scene.input.activePointer.dragState == 0)
+        if(pointer.rightButtonDown() && pointer.dragState == 0)
         {
             this.lockX = pointer.x;
             this.lockY = pointer.y;
@@ -93,8 +93,6 @@ Pointer.prototype.switchmode = function (mode) {
         this.menu.forEach(function(element){ element.setVisible(false)});
     }
     if (mode == "select"){        
-        this.scene.undo();
-
         this.setVisible(false);  
         this.menu.forEach(function(element){ element.setVisible(true)});