Рендеринг ближайшего соседа в Canvas ⇐ Html

[Anonymous]

У меня есть спрайт, который анимируется с помощью листа спрайтов. Его размер всего 16x16, но я хочу увеличить его примерно до 64x64 во всем его пиксельном совершенстве!




Результаты ужасны, конечно, браузер сглаживает их. :/

Спасибо!

РЕДАКТИРОВАТЬ:
Css не нужен, вот моя функция рисования.

Код: Выделить всё

function drawSprite(offsetx:number,offsety:number,posx:number,posy:number){
ctx.drawImage(img, offsetx*32, offsety*32, 32, 16, posx*32, posy*8, 128, 32);
}

Видите, как это работает здесь (codepen)

Подробнее здесь: https://stackoverflow.com/questions/330 ... -in-canvas