melky,
<!DOCTYPE HTML>
<html>
<head>
<style>
canvas {
border:1px solid black;
}
</style>
</head>
<body>
<canvas width="500" height="500" id="canvas"></canvas>
<script>
var canva = document.getElementById("canvas");
var ctx = canva.getContext("2d");
ctx.width = 500;
ctx.height = 500;
var radius = 40;
ctx.arc(100,0,radius,0 , (Math.PI/180)* 360);
ctx.fill();
ctx.beginPath();
ctx.arc(200,radius,radius,0 , (Math.PI/180)* 360);
ctx.fill();
ctx.beginPath();
</script>
</body>
</html>
если бы он был с лева в верху то мне можно было смело идти переписывать 70% логики моего арканоида)