CreateJs createjs.Ticker.off(“tick”,element.update)不起作用

时间:2015-12-31 08:08:59

标签: javascript coffeescript createjs event-listener

我正在制作一个射击游戏,我需要通过将它们绑定到'tick'事件来更新子弹的状态,但是当调用remove方法将它们从'tick'事件中删除时它不会删除它。创建一个新实例后,它会不断更新,而不是绑定的实例。

方法'add'/'remove'用于绑定/取消绑定'tick'事件中的方法

class window.Stage

  stage = undefined
  counter = 0
  fps = 60

  add: (element) =>
    element.id = counter++
    stage.addChildAt(element.view, element.id)
    element.listener = createjs.Ticker.on("tick", element.update)

  remove: (element) =>
    createjs.Ticker.off("tick", element.listener) # Not removing!
    stage.removeChildAt(element.id)

  update: () =>
    stage.update()

这就是我在Game类中调用remove方法的方法

  run: () => 

    if @gun? && !@gun.alive
      @stage.remove(@gun)
      @gun = undefined

    if @player.shooting() && !@gun?     
      @gun = @player.shoot() # Ticker keeps updating new instance
      @stage.add(@gun)

    for bunker in @bunkers
      if @gun? && bunker.gotShot(@gun)
        @gun.alive = false

这就是子弹的创建方式

class window.Player      
  shoot: =>
    new Gun(@name, @x, @y - radius, false)

如果有任何教程可以更好地解决如何正确使用listerners的问题,那么非常感谢链接,谢谢您的进步。

1 个答案:

答案 0 :(得分:3)

off()方法要求您传递通过调用on()生成的方法闭包,而不是传递的原始方法。这是因为on()方法生成一个闭包来维护范围 - 而addEventListener不会为您设置范围,要求您自己绑定它们,或者使用全局或匿名处理程序。

确保存储关闭,然后传递它。我不熟悉你的例子中的语法,所以这里有一个简单的JS例子:

var listener = element.on("tick", handler, this);
element.off("tick", listener);

请注意,第3个参数是应该调用该方法的范围,如果您没有通过它,它仍然会生成一个闭包,并在元素的范围内而不是匿名触发它。 on()方法还有一些其他不错的功能,例如"一次火"和event.remove()功能。

如果您希望使用与DOM级别3事件相同的行为,则始终可以使用addEventListener/removeEventListener方法。