Can I use it without importing? about phaser3-rex-notes HOT 6 CLOSED

Thanks, I've added the plugin link on wikipedia phaser 3 page

from phaser3-rex-notes.

Yes, you can use that virtual joystick plugin without using import. Here is an example about how to install phaser plugin.
In preload stage, call

var url = 'https://raw.githubusercontent.com/rexrainbow/phaser3-rex-notes/master/plugins/dist/rexvirtualjoystickplugin.min.js';
this.load.plugin('rexvirtualjoystickplugin', url, true);

to download and install virtual joystick plugin from an external file, then create a new virtual joystick instance via

var joyStick = this.plugins.get('rexvirtualjoystickplugin').add(this, config);

from phaser3-rex-notes.

Yes, you can use that virtual joystick plugin without using import. Here is an example about how to install phaser plugin.
In preload stage, call

var url = 'https://raw.githubusercontent.com/rexrainbow/phaser3-rex-notes/master/plugins/dist/rexvirtualjoystickplugin.min.js';
this.load.plugin('rexvirtualjoystickplugin', url, true);

to download and install virtual joystick plugin from an external file, then create a new virtual joystick instance via

var joyStick = this.plugins.get('rexvirtualjoystickplugin').add(this, config);

Thanks it works now

from phaser3-rex-notes.

Hi,
I am using this same plugin and method, but I am getting an error in my console:
Uncaught TypeError: n.onDown is not a function

class MyScene extends Phaser.Scene{
  preload() {
    this.load.plugin('rexvirtualjoystickplugin', 'https://raw.githubusercontent.com/rexrainbow/phaser3-rex-notes/master/dist/rexvirtualjoystickplugin.min.js', true);
  }
  create() {
    this.joyStick = this.plugins.get('rexvirtualjoystickplugin').add(this, {
      x: this.game.config.width * 0.5,
      y: 680,
      radius: 60,
      base: this.add.circle(0, 0, 100, 0x888888),
      thumb: this.add.circle(0, 0, 50, 0xcccccc),
      // dir: '8dir',   // 'up&down'|0|'left&right'|1|'4dir'|2|'8dir'|3
      // forceMin: 16,
      // enable: true
    }).on('update', this.dumpJoyStickState, this);

    this.text = this.add.text(0, 0);
    this.dumpJoyStickState();
  }
  dumpJoyStickState() {
        var cursorKeys = this.joyStick.createCursorKeys();
        var s = 'Key down: ';
        for (var name in cursorKeys) {
            if (cursorKeys[name].isDown) {
                s += name + ' ';
            }
        }
        s += '\n';
        s += ('Force: ' + Math.floor(this.joyStick.force * 100) / 100 + '\n');
        s += ('Angle: ' + Math.floor(this.joyStick.angle * 100) / 100 + '\n');
        this.text.setText(s);
    }
}

Is there something I am missing?

from phaser3-rex-notes.

Please use latest phaser3.

from phaser3-rex-notes.

Please use latest phaser3.

Thank you this worked for me.

from phaser3-rex-notes.