Javascript 如何使多个具有不同单词的数组在游戏屏幕上移动？

因此，我正在制作一个版本的Flappy Bird，在这个版本中，鸟必须捕捉特定的词汇。为此，我试图让数组中的随机单词在屏幕上从右向左滚动。到目前为止，我只有[object]在屏幕上滚动，如所附图片所示。注意，我使用的是Canvas（ctx）

我如何编辑/修改我的代码，以使我可以在屏幕上滚动一系列vocab单词来代替[object]

以下是我的代码的相关行：

//Stick

var Stick = function(x, y,) {
    this.x = x;
    this.y = y; 
};

Stick.prototype.draw = function() {
    //??   
};

// random sticks distribution

var sticks = ["test", "boy", "house"];
for (var i = 0; i < 20; i++) {  
    sticks.push(new Stick(i * 161 + 200, Math.floor(Math.random() * (400 - 10 + 1)) + 10));
}

function draw() {


for (var i = 0; i < sticks.length; i++) {
        ctx.fillText(sticks[i], sticks[i].x, sticks[i].y)
        //beaver.checkForStickGrab(sticks[i]);
        sticks[i].x -= 1;
    }


}

//棍子
变量棒=函数（x，y，）{
这个.x=x；
这个。y=y；
};
Stick.prototype.draw=函数（）{
//??   
};
//随机棒分布
var sticks=[“测试”、“男孩”、“房子”]；
对于（var i=0；i<20；i++）{
推杆（新的推杆（i*161+200，数学地板（数学随机（）*（400-10+1））+10））；
}
函数绘图（）{
对于（变量i=0；i

---

在Stick构造函数中添加一个表示您姓名的额外参数

使用for循环将名称传递给构造函数

ctx.fillText

应该接受名称作为第一个参数，我想这将是你在黑板上的文字

//Stick

var Stick = function(x, y, name) {
  this.x = x;
  this.y = y;
  this.name = name;
};

Stick.prototype.draw = function() {
  //??   
};

// random sticks distribution

var stickNames = ["test", "boy", "house"];
var sticks = [];
for (var i = 0; i < 20; i++) {
  sticks.push(new Stick(i * 161 + 200, Math.floor(Math.random() * (400 - 10 + 1)) + 10, stickNames[i]));
}

function draw() {

  for (var i = 0; i < sticks.length; i++) {
    ctx.fillText(sticks[i].name, sticks[i].x, sticks[i].y)
    //beaver.checkForStickGrab(sticks[i]);
    sticks[i].x -= 1;
  }


}

//棍子
var Stick=函数（x，y，name）{
这个.x=x；
这个。y=y；
this.name=名称；
};
Stick.prototype.draw=函数（）{
//??   
};
//随机棒分布
var stickNames=[“测试”、“男孩”、“房子”]；
var=[]；
对于（变量i=0；i<20；i++）{
推杆（新的推杆（i*161+200，数学地板（数学随机（）*（400-10+1））+10，粘性[i]）；
}
函数绘图（）{
对于（变量i=0；i

您也应该将棍棒名称传递给棍棒构造函数，因此您可以将其从其他位置拉出以绘制/显示它。我如何将棍棒名称传递给构造函数以将其显示在画布上？请检查下面的答案