javascript - 当对象到达边缘时将对象移动到 Canvas 的另一侧

Question

我正在使用 W3schools 制作一个方 block 在 Canvas 上移动的游戏我想让方 block 在碰到边缘时回到起点，我该怎么做？我对 javascript 了解很少，我才刚刚开始学习。

Answer 1

您可以制作一个 if 语句并将其放在 Canvas 刷新循环中，以便在对象达到 1200 像素(或其他 Canvas 宽度)时移动对象

function updateGameArea() {
myGameArea.clear();

if(myGamePiece.x>1200)
myGamePiece.x=0;
myGamePiece.x += velocity;
if (velocity < 0) {velocity += 1}
myGamePiece.update();
}