HTML5和画布：使用播放器移动背景'；运动

我正在尝试使用画布制作HTML5游戏。我有一段代码可以移动背景：

function drawScene() { // main drawScene function
clear(); // clear canvas
// draw background
context = document.getElementById("gameCanvas").getContext('2d');
bgShiftX -= 3;
if (bgShiftX <= -100) {
   bgShiftX = 0;
}
  context.drawImage(floor, 0 + bgShiftX, 410);
  context.drawImage(city, 0 + bgShiftX, 175);
}

函数drawsecene（）{//主drawsecene函数
clear（）；//清除画布
//画背景
context=document.getElementById（“gameCanvas”）.getContext（“2d”）；
bgShiftX-=3；
如果（bgShiftX您需要为您的moveKey添加一个
keydown（）
事件侦听器。例如，如果它是向上箭头，您可以这样写：

window.addEventListener('keydown', function(e){ moveMe(e), false);
function moveMe(e) {
  if (e.keyCode === '38') {
    // shift up
  }
}

如果希望它在X上达到-100px时不会移回其下限值，则需要开始递增
bgShiftX

if (bgShiftX <= -100) {
  incrementX();
}
function incrementX() {
  bgShiftX += 3;
}

if（bgShiftX）感谢您的帮助，但现在我明白了：它将从屏幕上消失，deosn不希望无限。。。