如何产生多个精灵？ （JavaScript）的

Question

如何从精灵对象创建多个精灵？ 图片加载：

var monsterReady = false;
var monsterImage = new Image();
monsterImage.onload = function () {
monsterReady = true;
};
monsterImage.src = "images/monster.png";

这是我的精灵对象。

function monster(speed,hp,dmg,sight,x,y)
{
    this.speed= speed; 
    this.hp= hp; 
    this.dmg= dmg; 
    this.sight = sight; 
    this.x = x; 
    this.y = y; 
}

创建新怪物的变量：

var monster = new monster(50, 50+(hero.level * 5), 10 + (hero.level * 5), false, 500, (32 + (Math.random() * (canvas.height - 64))));

我的渲染：

ctx.drawImage(monsterImage, monster.x, monster.y);

我无法弄清楚如何在不创建多个变量的情况下创建怪物的多个实例。

干杯菲尔

Answer 1

我发现问题是有一个名为monster的函数和一个名为monster的变量，解决方法是将变量名更改为baddy所以

var baddy = new monster(50, 50+(hero.level * 5), 10 + (hero.level * 5), false, 500, (32 + (Math.random() * (canvas.height - 64))));

干杯