I am trying to add Spine into my project, older versions of of Phaser won't load my Spine, the newest (3.45.0) works fine. But drag and drop doesn't work in 3.45.0. Older versions, my drag and drop works with no problem. My game object says draggable = true... Any help would be appreciated.
<script src="//cdn.jsdelivr.net/npm/phaser@3.54.0/dist/phaser.min.js"></script>
<script src="./libraries/SpinePlugin.min.js"></script>
config = {
type: Phaser.AUTO,
//mode: Phaser.Scale.FIT,
parent: "content",
width: windWide,
height: windHigh,
physics: {
default: "arcade",
arcade: {
debug: true,
}
},
dom: {
createContainer: true
},
scene:[
LoadScene, MenuScene, UIScene, TurnDevice, Review, Vocab, ListenMatch, Spell, WordImageMatch, GameScene
],
plugins: {
scene: [
{ key: 'SpinePlugin', plugin: window.SpinePlugin, mapping: 'spine' }
]
}
this.load.spine('eggBreak', 'src/assets/json/eggBreak.json', 'src/assets/json/eggBreak.atlas');
this.load.spine('eggWhole', 'src/assets/json/eggWhole.json', 'src/assets/json/eggWhole.atlas');
let egg = _this.add.spine(windWide*.5, windHigh*.25, 'eggWhole', 'idle', true)
this.physics.add.existing(egg);
let hammer = this.physics.add.image(windWide*.5, windHigh*.85, "hammer").setInteractive()
this.input.setDraggable(hammer);
this.input.on('drag', function (pointer, gameObject, dragX, dragY) {
gameObject.x = dragX;
gameObject.y = dragY;
});
I am trying to smash an egg with a hammer, if you can tell by the code.
Thanks