Как сделать движение объекта плавно в Canvas, чтобы объект не мерцал, когда движется?

Привет, я сделал плавное движение объекта с помощью requestAnimationFrame, сам объект мерцает по пути, он размыт, как-будто дергается вперед-назад.

Вот пример: demo

Всмотритесь в рамку кружочка, она размыта во время движения. Особенно левый-верхний угол и нижний-правый.

Ничего магического я не делал, просто x += 8 и y +=8. Пробовал использовать Three.js, Pixi.js там такая же история.

Что я еще не знаю, в чем подвох? :)

Update 1: Упростил код, demo