Обычные html элементы не поддаются субпиксельному позиционированию, так что с ними неясно как быть. А вот всякие эффекты завязаные на картинки, css спрайты и фоны — сколько угодно.
По поводу масштаба и дергания вы были правы, а вот вертикальным или горизонтальным будет спрайт — ничего не изменится, так как в примере смещение по X всегда целочисленное, а уже внутри этого div'а с картинкой background сдвигается на определённый кадр.
я думаю, это что-то отнимает системное время — диск, много закладок, ну или ещё что-то. javascript с обновлением каждые 50мс не успевает отработать и происходит скачок.
я думаю, что чем больше и плотнее будет страница, тем более заметным будет каждое конкретное подёргивание. но если рассматривать ускорение js и браузеров как самый стабильный нынешний тренд, то все эти проблемы будут решены за нас.
досадно!
будем считать, что это proof of concept и в реальности в этих скриптах нужно что-то доточить — на первая версия этого примера мы потратили всего пять минут после идеи, а потом ещё 15 минут — на переделку для хабра и на пример с машинкой.
У js анимации с easing всегда есть некий последний или первый момент, когда объект двигается ещё слишком медленно. Обычно это решают за счёт уменьшения общего времени действия эффекта, а с таким методом можно делать практически произвольное время и субпиксельность будет задействована только в тот момент, когда она нужна.
я полагаю, что есть некоторые проблемы с тем, как работают браузеры при увеличении контента. ну и вся эта точность — увеличивая картинку, вы сводите на нет шаги по её уменьшению и она начинает дёргаться как обычный спрайт без АА.
Подобные нужды не возникают каждый день. Но тем, кто ищет как сделать ещё какое-то необычное дополнение к сайту — может помочь. А автоматизации поддаётся очень просто, да. Несложно даже сделать скрипт для фотошопа или програмку на gd для php.
Но всё равно — спасибо.
будем считать, что это proof of concept и в реальности в этих скриптах нужно что-то доточить — на первая версия этого примера мы потратили всего пять минут после идеи, а потом ещё 15 минут — на переделку для хабра и на пример с машинкой.
www.kittyhug.ru/subpixel/?nowheels=true