在按下画布x边框时向后移动圆圈

Question

这是我的jsfiddle：http://jsfiddle.net/seekpunk/s54RM/

正如你可以看到当圆圈撞到x边框时它会卡在那里我应该如何修改我的更新功能以使其在击中边框时向后移动：

 if(Bluecircle.x==xborder) {                  
    Bluecircle.x -= 0.5;
 }
 else {
    Bluecircle.x += 0.5;
 }

Answer 1

将方向存储为变量，并在满足边界命中条件时翻转其符号。

var xDir = 0.5;

// ... then in your update function

if(Bluecircle.x>=xborder || Bluecircle.x <= 0) {
  xDir *= -1;
}

Bluecircle.x += xDir;

这将从左侧和右侧反弹。屏幕右侧。