Why does enabling high-dpi shrinks the whole viewport to half?

[slmjkdbtl]

After scaling to the right size with

Code: Select all

love.graphics.scale

, it seems to be twice scaled when I ported it to web using love.js. I used highdpi so things look more right on iOS. So why does high-dpi shrinks the viewport in the first place?

[slime]

in LÖVE 0.10, the graphics coordinate system is in pixels. When you use a retina monitor with highdpi mode enabled, the pixel density of the window increases – i.e. a 2x retina screen with highdpi mode enabled will cause a 100 pixel wide rectangle to look half as wide as on a 1x screen, for example (since there are twice as many pixels in the same physical area).

LÖVE 0.11 will help by making the graphics coordinate system use DPI-scaled points for the most part, which means you won't have to do any scaling for most things.

I'm not sure if SDL2's emscripten backend used by love.js implements highdpi mode properly.