HTML5 Canvas& jQuery简单游戏初学者问题

时间:2013-11-03 10:59:48

标签: jquery html5 canvas

大家。我正在尝试基于随机生成的键盘控制一个简单的游戏。到目前为止,这么好,但问题是圆圈在移动时会留下痕迹。我怎样才能防止这种情况发生?以下是代码:http://codepen.io/anon/pen/hfvEs 谢谢!

2 个答案:

答案 0 :(得分:0)

您已在变量wh中拥有画布大小。在增加点位置的地方,你需要检查它是否仍在边界内,例如

if (d == "right" && d.x <= w + 10) d.x += 10;
if (d == "left" && d.x >= 10) d.x -= 10;
// ....

答案 1 :(得分:0)

function paint(){
    canvas.width = canvas.width;

<强> DEMO