Как отсечь градиент

В общем думал как реализовать освещение в 2d игре, нашел вот такой замечательный пример http://codepen.io/ilovepixel/pen/qBjCH

Пробую разобрать код

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var grd=ctx.createRadialGradient(100,100,.5,100,100,50);
grd.addColorStop(0,"white");
grd.addColorStop(1,"black");
ctx.fillStyle=grd;
ctx.fillRect(0,0,c.width,c.height);

Накидал вот такой градиент, но не пойму как его отсечь лучами.

До этого мало работал с canvas.

И почему такая пикселизация происходит http://codepen.io/korolariya/pen/egygvg