Feature request: Ability to set the pixel density of the HTML canvas

[setanarut]

Operating System

• Windows
• macOS
• Linux
• FreeBSD
• OpenBSD
• Android
• iOS
• Nintendo Switch
• PlayStation 5
• Xbox
• Web Browsers

What feature would you like to be added?

Feature request: Ability to set the pixel density of the HTML canvas. At resolutions with pixel density greater than one, Ebitengine always scales the HTML Canvas size (Canvas size * DeviceScaleFactor). It would be nice to have an option to disable this. The equivalent of pixelDensity() in the p5.js library.

Additional info

The canvas's width and height properties are set to 800 because you are running this sketch on a high DPI (i.e. Apple Retina) display. When p5.js detects this it sets pixel density to 2 by default so it's taking 800 pixel square of graphics and squishing it into a 400 "pixel" square on the screen. If you want an image that is exactly 400 actual pixels, you could set pixel density to 1 in your setup() function: pixelDensity(1).

-- stackoverflow.com/a/69890360

Why is this needed?

Reasons for this feature:

• Large-sized HTML canvases cause dramatic GPU usage.
• Energy savings for portable devices.
• Higher FPS performance.

[hajimehoshi]

Adjusting the size of the framebuffer would be a good feature not only for browsers but also for any environments.