Question

Phaser - 创建玩家对象

2017-03-03

1679

javascript phaser-framework

我正在按照本教程 https://phaser.io/examples/v2/sprites/extending-sprite-demo-2 进行操作，并且我有以下内容：

MonsterBunny = function (game, x, y, rotateSpeed) {
    Phaser.Sprite.call(this, game, x, y);
    var test = game.add.sprite(x, y, 'player');
    test.rotateSpeed = rotateSpeed;
};
MonsterBunny.prototype = Object.create(Phaser.Sprite.prototype);
MonsterBunny.prototype.constructor = MonsterBunny;
MonsterBunny.prototype.update = function() {
    this.angle += this.rotateSpeed;
    console.log('a');
};

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });

function preload() {
    game.load.crossOrigin = 'anonymous';
    game.load.image('player', 'http://examples.phaser.io/_site/images/prize-button.png');
}

function create() {
    var wabbit = new MonsterBunny(game, 0, 100, 1);
    var wabbit2 = new MonsterBunny(game, 150, 100, 0.5);
}

JSFiddle

精灵不旋转，并且 update 函数不再记录到控制台。我该如何解决这个问题？谢谢。

Answer 1

您的代码中有两个错误。

首先，在您的 MonsterBunny 构造函数中，您添加了 2 个精灵，而不是 1 个。 var test = game.add.sprite.. 不应该存在，因为已经通过调用精灵构造函数 Phaser.Sprite.call 添加了精灵。

其次，在调用 Phaser.Sprite 构造函数时，您忘记添加 key 参数，因此要使用哪个图像，在您的情况下它被称为 'player' 。因此，它实际上添加了一个精灵，但它根本没有显示。

因此，这样的事情应该有效：

MonsterBunny = function (game, x, y, rotateSpeed) {
    // call sprite constructor to create sprite
    Phaser.Sprite.call(this, game, x, y, 'player');

    // set extra variables
    this.rotateSpeed = rotateSpeed;
    this.anchor.setTo(0.5, 0.5); // for centered rotation

    // add sprite to game world
    game.add.existing(this);
};