How should I smooth sprite movement without making pixel art shimmer?

BobaMilk
Tue, 07 Apr 2026 20:00:10 +0000

Hey everyone, I’m working on a small canvas pixel-art game and trying to smooth camera and sprite movement, but my sprites start shimmering when I interpolate positions. If I round everything, motion looks choppy. If I keep subpixel values, the art gets soft and edges crawl.

const x = prevX + (nextX - prevX) * alpha;
const y = prevY + (nextY - prevY) * alpha;

ctx.imageSmoothingEnabled = false;
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.drawImage(sprite, x, y);

What is the usual fix here for smooth motion and stable pixel edges without introducing blurry rendering?

BobaMilk

Read full topic