Extending Sprite animations.add(...) error

[Pham Duc Truc]

I using  Extending Sprite for my game

 

FishSprite.js:

 

FishSprite = function (game, x,y,key) {

    Phaser.Sprite.call(this, game, x, y, key);

    this.anchor.setTo(0.5, 0.5);            

    game.add.existing(this);

};

 

FishSprite.prototype = Object.create(Phaser.Sprite.prototype);

FishSprite.prototype.constructor = FishSprite;

 

FishSprite.prototype.update = function() {

};

 

using in Game.js

 

this.s_fish1 = new FishSprite(this,50,400,'fish1'); // use this will error

this.s_fish1.animations.add('s_fish1boi', [0,1,2,3], 10, true); // error here

this.s_fish1.animations.play('s_fish1boi');

 

 

Pls help me!

my src in attach files

 

Fish.zip

[JUL]

http://examples.phaser.io/_site/view_full.html?d=animation&f=sprite+sheet.js&t=sprite%20sheet

Proof of concept.

 

That's the reliable way to do it.

[lewster32]

Try this:

this.s_fish1 = new FishSprite(this.game,50,400,'fish1');

You need to pass the game instance to the Sprite object and anything that extends it.

[Pham Duc Truc]

Thank you very much! I im newbie. I don't know where "this.game" is define. I think in BasicGame.Game "this" mean game

[lewster32]

No, 'this' in BasicGame.Game refers to the 'Game' state itself, but not the Phaser.Game object. That should always be accessible via this.game in a state. That's why using this.add.sprite works in the previous commented out line in your code, because that function provides new Phaser.Sprite with the correct game reference.