проблема с sprite.events.onInputDown.add () с Vue.js - PullRequest
0 голосов
/ 08 июня 2018

Я новый веб-разработчик и в настоящее время работаю с фреймворком Vue.js.Решил попробовать сделать игру с Phaser 2, и в данный момент мне это нравится!Хотя я столкнулся с некоторыми проблемами с событиями мыши, у меня нет проблем с событиями нажатия клавиш;)

В настоящее время я пытаюсь нажать на изображение, просто чтобы утешить его выход из системы.(захочется перетащить позже.) но во-первых, я не могу даже выйти из консоли.Вот мой код, и я использую его с vue.js!Любая помощь будет отличной!Спасибо!

Ниже приведены некоторые фрагменты моего кода, которые, я думаю, будут важны

mounted () {
  let self = this
  if (this.game == null) {
    this.game = new Phaser.Game(window.innerWidth, window.innerHeight, Phaser.AUTO, this.$el, {
      preload: function preload () {
        self.preload(this)
      },
      create: function create () {
        self.create(this)
      },
      update: function update () {
        self.update(this)
      },
      render: function redner () {
        self.render(this)
      }
    })
  }
}
preload () {
  this.game.load.image('pink', require(`@/assets/images/packing/pink-bg.png`))
  this.game.load.image('cat', require(`@/assets/images/packing/cat-head.png`))
  this.game.load.image('table', require(`@/assets/images/packing/table.png`))
  this.game.load.image('plate', require(`@/assets/images/packing/plate.png`))
  this.game.load.spritesheet('container', require(`@/assets/images/packing/container-set.png`), 310, 270)
  this.game.load.spritesheet('scorePlate', require(`@/assets/images/packing/kueh-set.png`), 313, 270)
}
let cat = this.game.add.sprite(0, 0, 'cat')
cat.height = this.game.world.height * 0.25
cat.width = this.game.world.width * 0.15

let table = this.game.add.sprite(0, 0, 'table')
table.height = this.game.height
table.width = this.game.width

this.game.physics.startSystem(Phaser.Physics.ARCADE)

let containerBullu = this.game.add.sprite(this.game.world.width - (this.game.world.centerX + this.game.world.centerX), this.game.world.height / 7, 'container')
containerBullu.height = this.game.world.height * 0.55
containerBullu.width = this.game.world.width * 0.35
containerBullu.frame = 4
containerBullu.inputEnabled = true
containerBullu.events.onInputDown.add(this.listener, containerBullu)

let containerCornflake = this.game.add.sprite(this.game.world.width - (this.game.world.centerX + this.game.world.centerX / 1.8), -50, 'container')
containerCornflake.height = this.game.world.height * 0.6
containerCornflake.width = this.game.world.width * 0.35
containerCornflake.frame = 9
render (phaser) {
  this.game.debug.spriteInfo(this.containerBullu, 100, 100)
}
listener (containerBullu) {
  console.log(containerBullu)
},
destroyed () {
  this.game.destroy()
}

Надеюсь, скоро кто-нибудь услышит!Спасибо!

искренне, отчаянно плачущий новый веб-разработчик.(Я был на этом в течение 4 часов. На данный момент. Все еще иду ...)

...