為什么我不能將變量 x 和 y 更改為 0？ （x 和 y 是蛇頭坐標）

Question

當 x 和 y 到達 canvas 的末尾時，它們並沒有變為 0，而是繼續增加。 canvas 的大小為 300 x 300。當我將 x 和 y 的 position 更改為 1 之類的數字時，它正在改變。 我嘗試了很多東西，但它不起作用。 即使在 Chrome 控制台中將它們的值更改為 0，它們仍然保持不變。

let x = 150, y = 150;
/* main game loop */ {
    // ...
    if (x >= canvas.width) {
        x = 0;
    }
    if (x <= 0) {
        x = canvas.width;
    }
    if (y >= canvas.height) {
        y = 0;
    }
    if (y <= 0) {
        y = canvas.height;
    }
    // ...
}

Answer 1

你忘了使用else if 。 這應該解決它：

            if (x >= canvas.width) {
                x = 0;
            }
            else if (x <= 0) {
                x = canvas.width;
            }
            if (y >= canvas.height) {
                y = 0;
            }
            else if (y <= 0) {
                y = canvas.height;
            }