Merge branch 'ES5'

# Conflicts:
#	src/PathBuilder.js

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)});
 

examples/test.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);
 }

package.json

@@ -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": {

src/UI/Pointer.js

@@ -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)});