HTML5 Snake Game - 添加多种食物

Question

我已经按照本指南制作了我的蛇游戏。

但现在我想在地图中添加更多的食物。

好吧，我尝试使用makeFoodItem();放置行makeFoodItem(); 而不仅仅是默认的 1 行。 所以像：

makeFoodItem();
makeFoodItem();
makeFoodItem();
makeFoodItem();
makeFoodItem();

这也做了5种食物。 但是snake拿到的时候分数没有加，只是拿掉了，拿的时候也没加新的。

所以我开始研究函数makeFoodItem() ，它看起来像这样：

function makeFoodItem(){
  suggestedPoint = [Math.floor(Math.random()*(canvas.width/gridSize))*gridSize, Math.floor(Math.random()*(canvas.height/gridSize))*gridSize];
  if (snakeBody.some(hasPoint)) {
    makeFoodItem();
  } else {
    ctx.fillStyle = "rgb(10,100,0)";
    ctx.fillRect(suggestedPoint[0], suggestedPoint[1], gridSize, gridSize);
  };
}

但我真的不知道在那里做什么。

Answer 1

function spawnMultipleFood () {
for (let i = 0; i < spawnMoreFoodX.length; i++) {
    let spawnMultipleX = spawnMoreFoodX[i]
for (let j = 0; j < spawnMoreFoodY.length; j++) {
    let spawnMultipleY = spawnMoreFoodY[i]

innerBoard.fillStyle = "purple";
innerBoard.fillRect(spawnMultipleX * grid, spawnMultipleY * grid, gridSize, gridSize)
    }
} 

}

/我的 spawnMoreFoodX 和 spawnMoreFoodY 的全局变量是一个数组，我循环遍历并将其设置为另一个变量，然后将该变量插入到 fillRect() /