Drag and drop

Phaser 3
1

Hi Guys,

I am quite new here, I am trying to implement drag and drop and the drag event alone isn’t firing.[dragstart and dragend are working] below is the code. Can someone help me to figure out the issue,

this.tile = this.add.image(this.cameras.main.width * initialX,this.cameras.main.height * initialY,this.puzzlePiecesArr[index]).setScale(0.1).setInteractive({ draggable: true });
this.input.setDraggable(this.tile);
this.tile.input.draggable = true;

    this.input.on('dragstart', function (pointer, gameObject) {
        gameObject.setTint(0xff0000);
    });

    this.input.on('drag', function (pointer, gameObject, dragX, dragY) {
        console.log("gameobjectDrag",gameObject)
        gameObject.x = dragX;
        gameObject.y = dragY;
    });

   this.input.on('dragend', function (pointer, gameObject) {
      gameObject.clearTint();
  });
2

:wave:

This worked for me:

this.tile = this.add.image(200, 150, 'eye').setScale(0.1).setInteractive({ draggable: true });

this.input.on('dragstart', function (pointer, gameObject) {
    gameObject.setTint(0xff0000);
});

this.input.on('drag', function (pointer, gameObject, dragX, dragY) {
    console.log('drag', dragX, dragY)
    gameObject.x = dragX;
    gameObject.y = dragY;
});

this.input.on('dragend', function (pointer, gameObject) {
    gameObject.clearTint();
});
1 Like
3

Thanks for the response. I just now figured out the problem was caused by my css file. Thank you