Skip to content

Un plugin para Phaser3 que provee la posibilidad de usar gestos swipe

Notifications You must be signed in to change notification settings

gammafp/phaser3-swipe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

phaser3-swipe

Un plugin para Phaser3 que provee la posibilidad de usar gestos swipe


Image from Gyazo

Instalación:

  • Descargar el plugin con npm install --save phaser3-swipe o clonandolo desde github.
  • Dentro de la carpeta dist está el plugin.

Se puede llamar el archivo por carga estática o por webpack.

  • Llamada del archivo en el html:

    <script src="./plugin/Phaser3Swipe.min.js"></script>
  • Llamada del archivo por webpack

    En el archivo que usará el plugin se llama con import:

    import Phaser3Swipe from './plugin/Phaser3Swipe.min.js';

Uso del plugin en Phaser

  • Dentro de nuestro juego agregamos esto en el preload():
    this.load.plugin("Phaser3Swipe", Phaser3Swipe, true);
  • Solo nos queda asignar el plugin a una variable y esto lo hacemos dentro del create():
    let swipe = this.plugins.get('Phaser3Swipe');
    swipe.cargar(this);
  • Con el punto anterior ya disponemos de el evento swipe que lo podemos usar así (dentro de create() por ejemplo):
    this.events.on("swipe", (e) => {
        if(e.right) {
            console.log("Hacer algo a la derecha");
        }
        else if(e.left) {
            console.log("Hacer algo a la izquierda");
        }
        else if(e.up) {
            console.log("Hacer algo a la arriba");
        }
        else if(e.down) {
            console.log("Hacer algo a la abajo");      
        }
    })

About

Un plugin para Phaser3 que provee la posibilidad de usar gestos swipe

Resources

Stars

Watchers

Forks

Packages

No packages published