iliyazelenko / phaser3-swipe-plugin

Mobile swipe plugin for Phaser 3.

Installation

npm i --save phaser3-swipe-plugin

# Or 

yarn add phaser3-swipe-plugin

Usage

1. Import

import SwipePlugin from 'phaser3-swipe-plugin'

2. Add to config (GameConfig) plugins property.

  ...
  plugins: {
    global: [
      {
        key: 'SwipePlugin',
        plugin: SwipePlugin,
        start: true,
        // custom options
        data: {
          // you can give your value for min offset
          offset: 100
        }
      }
    ]
  }
  ...

3. Add event listener.

game.events.on('swipe', dir => {
  // 'up', 'right', 'down' or 'left'
  console.log(dir)
})

Tested on Phaser 3.15.1.

phaser3-swipe-plugin's Issues

Issue adding the plugin to phaser3-typescript-project-template

Hello,

Thank you for sharing! I try to use your plugin with https://github.com/photonstorm/phaser3-typescript-project-template but I've some issues. I've added in rollup.config.dev.mjs:

commonjs({
  include: [
      'node_modules/eventemitter3/**',
      'node_modules/phaser/**',
      'node_modules/phaser3-swipe-plugin/**'
  ],

In the game.ts the lib is linked via import { SwipePlugin } from 'phaser3-swipe-plugin'; but I got an Uncaught ReferenceError: Phaser is not defined. Any ideas?

Copy/paste your plugin code directly inside the game.ts works fine.