Ошибка отрисовки в cavnas

Пытаюсь анимировать пулю,плавно вылетающую при клике на пробел.Но с отрисовкой что-то не так.

Код:

function moveBullets(x,y){
            const start = performance.now(),
                  DEL = 50/3,
                  times = (timeForBulletToMove/1000) * 60,
                  bulletsRangeY = 100,
                  rangeForOneTime = bulletsRangeY/times;
            function f(timestamp){
                let INTERVAL = Math.round((timestamp - start)/DEL);
                ctx.beginPath();
                ctx.fillStyle = '#1a1a1a';
                ctx.fillRect(x,y-(INTERVAL-1)*rangeForOneTime,30,40)
                ctx.fillStyle='yellowgreen';
                ctx.fillRect(
                x,
                y - INTERVAL * rangeForOneTime,
                30,40
                )
                if(INTERVAL === times) return;
                requestAnimationFrame(f)
            }
            requestAnimationFrame(f);
        }

Аргументы функции-это координаты левого верхнего угла пули.