HTML5蛇游戏 - 添加多种食物

Question

我跟着this guide进行了我的蛇游戏。

但现在我想在地图中添加一种以上的食物。

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

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

其中还制作了5种食物。但是当蛇拿到它们时没有添加得分，它们刚被移除，并且在拍摄时没有添加新的。

所以我开始查看函数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);
  };
}

但我无法弄明白该做什么。