Canvas Scripting API上的对齐错误

Question

我刚刚开始使用Canvas Scripting API使用JavaScript开发蛇类游戏，但遇到了一个我不知道如何解决的问题

我正在尝试在网格中的任何地方为蛇生成食物。但是，蛇本身无法与水果正确对齐。

我用来生成水果的代码是

let fruitPosX = Math.round(Math.random() * canvas.width)
let fruitPosY = Math.round(Math.random() * canvas.height)

这里是一个例子

我应该如何解决这个问题，我猜是某种网格系统，但是我将如何去做呢？另外，如果有人采用其他方法，请在下面发布。

Answer 1

蛇的假定宽度为snakeWidth，还必须具有fruitWidth和fruitHeight等于snakeWidth