Question

所以我正在写一个愚蠢的小帆布游戏，主要是小行星的副本。无论如何，我设置了我的按钮监听器，以便当用户按空格键时，会调用播放器对象的fire()函数：

eGi.prototype.keyDownListener = function(event) {
    switch(event.keyCode) {
        case 32:
            player.fire();
            break;

在fire函数中，我的脚本检查进程是否已在运行，如果没有，则创建一个新的“bullet”对象，将其存储在临时变量中，并将其添加到绘制堆栈。

fire:(function() {
    if (this.notFiring) {
        var blankObject = new bullet(this.x,this.y,this.rot,"bullet");
        objects.push(blankObject);
        timer2 = setTimeout((function() {
            objects.pop();
        }),1000);
        this.notFiring = false;
    }}),

（顺便说一句，当用户释放空格键时，this.notFiring将重新设置为true。）

这是项目符号构造函数及其必需和原型方法draw(context)：

var bullet = function(x,y,rot,name) {
    this.x = x;
    this.y = y;
    this.sx = 0;
    this.sy = 0;
    this.speed = 1;
    this.maxSpeed = 10;
    this.rot = rot;
    this.life = 1;
    this.sprite = b_sprite;
    this.name = name;
}
bullet.prototype.draw = function(context) {
    this.sx += this.speed * Math.sin(toRadians(this.rot));
    this.sy += this.speed * Math.cos(toRadians(this.rot));
    this.x += this.sx;
    this.y -= this.sy;
    var cSpeed = Math.sqrt((this.sx*this.sx) + (this.sy * this.sy));
    if (cSpeed > this.maxSpeed) {
        this.sx *= this.maxSpeed/cSpeed;
        this.sy *= this.maxSpeed/cSpeed;    
    }
    context.drawImage(this.sprite,this.x,this.y);
}

无论如何，当我运行游戏并按空格键时，Chrome开发者控制台会给我一个错误消息：

Uncaught TypeError: Object function (x,y,rot,name) {
    this.x = x;
    this.y = y;
    this.sx = 0;
    this.sy = 0;
    this.speed = 1;
    this.maxSpeed = 10;
    this.rot = rot;
    this.life = 1;
    this.sprite = b_sprite;
    this.name = name;
} has no method 'draw'

即使我做了原型。我做错了什么？

编辑：

将var bullet = function更改为function bullet并将bullet.prototype.draw更改为bullet.draw后，我仍然收到错误消息。这一次，它更神秘，说

Uncaught TypeError: type error
    bullet.draw
    (anonymous function)
    eGi.drawObjs
    eGi.cycle

完整的代码已在我的网站上here

另一个编辑：

Chrome控制台表示此类型错误发生在第122行，这恰好是代码片段：

context.drawImage(this.sprite,this.x,this.y);

但是，我不确定那里是否会出现类型错误，精灵是一个图像，而X和Y值不是未定义的，它们是数字。

Answer 1

你在哪里打电话给你的绘画功能？我打赌你正在调用bullet.draw();，而不是在实际的子弹实例上调用它。

有点像

之间的区别

Cat.meow();

和

var mittens = new Cat();
mittens.meow();

对象原型在Canvas Game中不起作用

1 个答案: