Phaser摇动检测

时间:2015-10-23 08:42:26

标签: javascript cordova cordova-plugins phaser-framework

我正在玩phaserjs和cordova,我陷入了一些可能微不足道的事情。它比phaser更普遍的javascript问题,但我找不到任何答案。

我正在使用Cordova-plugin-shake进行震动检测,效果很好。我想做的是改变一些精灵onShake()。

Test.Game.prototype = {
	create: function() {
        this.hand = this.game.add.sprite(this.game.world.centerX-36, 27, 'hand');
        this.hand.animations.add('squeeze',[0,1,2,3,4,5,6,5,4,3,2,1,0]);
        this.hand.animations.add('shake',[8,9,10,11,12,13,14,15,16,17,17,8,9,8]);
        this.healthBar = this.game.add.sprite(260, 18, 'utils');
        this.setCapacity(4);
        shake.startWatch(this.onShake, 40);
      },
     onShake: function(){
        console.log("shaked");
        this.hand.animations.play('shake', 60, false);
        this.setCapacity(Math.floor(Math.random() * (MAX_CAPACITY - MIN_CAPACITY + 1)) +  MIN_CAPACITY);
      },
     setCapacity: function(capacity){
        this.healthBar.prevCap = capacity;
        this.healthBar.inCapacity = capacity;
        this.healthBar.capacity = capacity;
        var cropRect = new Phaser.Rectangle(0, 0, healthBarWidth, this.healthBar.height);
        this.healthBar.crop(cropRect);
        this.healthBar.prevWidth = healthBarWidth;
    },
[...]
  
};

问题是onShake是按值传递的,对吧?所以我无法访问setCapacity()或hand。我怎么能避免呢?是否有可以阅读的教程/示例?

感谢您的时间和抱歉这样一个微不足道的问题,但我仍然是js的新手。

1 个答案:

答案 0 :(得分:3)

你应该能够做到这一点

shake.startWatch(this.onShake.bind(this), 40);

bind方法用于将上下文附加到新函数

或者,如果您不能使用bind,则可以进行关闭

 shake.startWatch((function(game){
     return function(){
         game.onShake();
     };
 })(this), 40);