How Can I Prevent Objects From Being Fuzzy In Canvas?

Currently, I'm doing a mini game which only has a box and a character. The character can freely move around. I did so it moves 640px/second. The 'formula' I use to get the pixels t

Solution 1:

Problem solved.

Problem was with FPS, they were under 60. I was using a wrong approach (with requestAnimationFrame, but wrong calculations).

Solution 2:

Round the result so your image will always be at an exact pixel index, rather than "between" pixels. If you don't round, the pixels of your image will be "spread" between pixels and might appear blurry.