javascript - 在 jquery 中突破到纯 javascript

Question

在一个方便的教程的帮助下，我在 jquery 中创建了突破游戏。我的教授现在告诉我它必须是纯 javascript，我无法转换为纯 javascript。

小提琴在这里：http: //jsfiddle.net/Kinetic915/9bLEk/6/

代码正确加载。我发现更改渲染球的代码存在问题。它在这里与 jquery 一起使用：

Cir = $('#canvas')[0].getContext("2d");

Cir.beginPath();
Cir.arc(x, y, 10, 0, Math.PI * 2, true);
Cir.closePath();
Cir.fill();

较低的工作本身在一个单独的小提琴中，但不在项目内部。

var canvas = document.getElementById("canvas");
var Cir = canvas.getContext("2d");

Cir.beginPath();
Cir.arc(x, y, 10, 0, Math.PI * 2, true);
Cir.closePath();
Cir.fill();

任何帮助表示赞赏！