canvas. Szybkość elementu sterowanego klawiaturą, oraz niepłynny jego ruch Opcje

[gburhiphop]

Filmik przedstawia efekt kodu zamieszczonego poniżej (kod nie cały, tylko to w czym problem)
https://streamable.com/s43im
Chodzi o to "skakanie" kulki, szarpanie wynikające z tego, że w kodzie dałem zmianę x i y o 8. Gdy było 1 kulka przesuwa się powoli:
https://streamable.com/cyagg
Próbowałem też funkcję dzielnik() wywoływać z innym odświerzaniem. Efekt - miganie kulki

Kod wygląda tak:

[JAVASCRIPT] pobierz, plaintext 
 
 function dzielnik(){
            ctx.beginPath();
            ctx.arc(dzielnikX,dzielnikY,dzielnikRadius,0,2*Math.PI);
            ctx.stroke();
        }
 
        function dzielnikPosition(e){
            switch(e.keyCode) {
                case 37:
                    dzielnikX=dzielnikX-8;
                    dzielnik();
                break;
                case 38:
                    dzielnikY=dzielnikY-8;
                    dzielnik();
                break;
                case 39:
                    dzielnikX=dzielnikX+8;
                    dzielnik();
                break;
                case 40:
                    dzielnikY=dzielnikY+8;
                    dzielnik();
                break;
            }
        }
 
        document.addEventListener("keydown", dzielnikPosition);
 
        function game(){
            dzielnik();
        }
 
        setInterval(game, 17);
 
[JAVASCRIPT] pobierz, plaintext