在击中空格键时为画布内的圆圈设置动画

Question

我正在尝试做这个小游戏，当玩家开始击中空格键时，几个圆圈开始动画并浮动。 当所有圈子都进入stands时，玩家赢得比赛这里是我的jsfidle：http://jsfiddle.net/seekpunk/S62b5/

我遇到一些问题，在点击空格键时用浮动效果为圆形设置动画可以让任何人引导我开始或给我一个小例子

function updateCanvas() { 

        }

Answer 1

你所有的代码都很好，但是你要问的问题就像实现完整的逻辑一样，基本上你应该在空格键上改变圆圈的x和y坐标。

然而，要改变哪个圈子以及如何实施逻辑完全是你的召唤。你如何考虑动画的幅度，以便测试玩家的技能？

Answer 2

首先，我首先要在全球范围内宣布您的圈子。

然后，我会从他们的绘图功能之外移动定义他们的位置。

最后，设置一个间隔来控制它们随时间的位置。重新定位后再调用updateCanvas，然后再次调用绘图函数（当然，在清除画布之后）。