如何产生多个精灵？（Javascript）

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

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);

我不知道如何在不创建多个变量的情况下创建多个怪物实例

---

Cheers Phil

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

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

---

干杯

一个数组似乎是一个很好的起点。好的，我制作了一个数组，每个实例都包含一个var怪物。问题是，它们都在同一个位置生成，我希望y轴在每个位置都是随机的。不要调用与函数名相同的变量名。。。开始工作了now@Phil您可能希望发布您的解决方案作为问题的答案，以便其他用户可以从中获得更充分的好处。