Question

未捕获的类型错误：无法读取未定义的属性“set”

2017-07-13

10884

javascript phaser-framework

我创建了一个构造函数（并将其放在预加载函数之上），如下所示

character = function(CharX,CharY,CharSpeed){
this.x = CharX ;
this.y =  CharY;
this.speed = CharSpeed;
this.AddSpriteSheet = function (SprX,SprY,key) {
this.character = game.add.sprite(SprX,SprY,key);}
};

后来在创建函数中我添加了

var Char1 = new character(game.world.width*0.5,game.world.height*0.5,5);
Char1.AddSpriteSheet(game.world.width*0.5,game.world.height*0.5,'character');
Char1.anchor.set(50,50);

控制台读取

"Uncaught TypeError: Cannot read property 'set' of undefined"

我做错了什么？

编辑：使错误更明显

Answer 1

您正在创建一个自定义类来表示一个角色，但它不是 Phaser Sprite，因此它不具备 Sprite 所具有的任何方法/属性，除非您自己定义它们。如果您想创建自己的类来扩展 Phaser.Sprite，我建议您查看此论坛帖子以及此示例。只需谷歌搜索“phaser extend sprite”即可帮助您找到其他一些资源。

本质上，您需要执行如下操作：

function Character(game, x, y) {   
    Phaser.Sprite.call(this, game, x, y, 'sprite key');   
    // define other properties for your character
}
Character.prototype = Object.create(Phaser.Sprite.prototype);
Character.prototype.constructor = Character;

然后将所有角色的方法添加到原型上。

Answer 2

您的构造函数 character 没有属性 anchor ，因此 Char1.anchor 不存在，并且 Char1.anchor.set 也不存在。

Answer 3

'set' of undefined" bca "set" 是 Pixi 的，与 Phaser 的 "setTo" 相比

Char1.anchor.set(50,50); 替换为 Char1.anchor.setTo(0.5);// 0.5，如果这是意图，0.5 将指向精灵方块的中心。这对于 .scale.setTo() 也是如此；

此外，如果您从 create 函数中创建新的原型对象，我建议您遵循此示例 https://phaser.io/examples/v2/games/tanks