Hi, I would like to highlight an issue that occurs when HTML exports run in Safari on macOS and I believe the WebKit browsers on iOS.
If you export a pixel-perfect game with scaling set to Nearest Neighbor, somehow this setting is not honored in these browsers when you scale the game to anything not the original size (e.g. going full screen). Non-WebKit browsers such as Chrome and Firefox on desktop are fine and the scaled game preserves hard edges on the images accordingly.
From other forums, it seems the CSS property “image-rendering: pixelated” works in Safari/WebKit, but it doesn’t apply it to the Canvas element when it is, say, going to full screen from the original smaller defined size, resulting in blurry anti-aliasing at full screen.
I believe Safari/WebKit handles this CSS rule differently from other browsers and is not inherently a GDevelop issue.
However, I’ve tried some other HTML games made with frameworks such as GB Studio and Defold on itch.io and somehow their games manage to still preserve the nearest neighbor scaling when going full screen on Safari/WebKit.
Fixes I’ve seen used by other frameworks seem to change these parameters to the canvas.
I see that some of these are already in the Pixi runtimegame renderer, so I’m not sure why it’s not working.
Thank you for pondering this and have a good New Year.