Meadow-Guarder-old2 Aliasing issues with items

Aliasing issues with items

Open spsquared opened this issue 3 years ago • 5 comments

Items or anything at an angle will appear horribly aliased and interpolated. The canvas is not scaled correctly in relation to some screens (like mine)

A very simple solution is to simply scale the canvas by the device pixel ratio (dpr):

DPR = 1;
if (window.devicePixelRatio) {
    DPR = window.devicePixelRatio;
}
CTX.width = window.innerWidth*DPR;
CTX.height = window.innerHeight*DPR;
CTX.scale(DPR, DPR);

This will fix all interpolation issues except for things being drawn at floating-point locations. Also, it scales the canvas correctly to fit the screen.