像素贪吃蛇游戏中贪吃蛇无法正常移动

Question

为什么我的蛇不能正常移动？ h是头。这些部分似乎总是相互折叠在一起，所有这些都设置为头部坐标。我认为它会像从后面移除并添加到前面一样简单，但我想不是。有帮助吗？

        this.segments.forEach(seg => s.setPixel(seg.x, seg.y, 1));

        const h = [...this.segments][0];

        h.x += this.vX;
        h.y += this.vY;

        this.segments.unshift(h);
        this.segments.pop();

Answer 1

我认为问题可能在于您未能正确克隆头部。

const h = [...this.segments][0];

上面的代码分配了一个新创建的数组中的第一个元素，该数组内部仍然有完全相同的对象。尝试使用 Object.assign() 方法：

        this.segments.forEach(seg => s.setPixel(seg.x, seg.y, 1));

        const h = Object.assign({}, this.segments[0]);

        h.x += this.vX;
        h.y += this.vY;

        this.segments.unshift(h);
        this.segments.pop();

https://www.samanthaming.com/tidbits/70-3-ways-to-clone-objects/#_1-using-spread https://www.samanthaming.com/tidbits/70-3-ways-to-clone-objects/#_2-using-object-assign

像素贪吃蛇游戏中贪吃蛇无法正常移动

Snake not moving properly for pixel Snake Game

javascript

arrays

html5-canvas