Animating a DIV with JavaScript renders artifacts on Chrome

Question

As an experiment, I am trying to replicate the Sprite functionality of AS3 in JavaScript without using the canvas object. I thought that using absolutely positioned divs and man

Answer 1

It has something to do with subpixel positioning. If you round off to the nearest pixel you won't see those rendering errors:

thisRef.block.style.left = Math.round((x + (mouseX - ox - x) * .125)) + "px";
thisRef.block.style.top = Math.round((y + (mouseY - oy - y) * .125)) + "px";