Pavlovia experiment low quality/resolution

Online experiments
, ,
1

I’m currently running an online experiment, and I’m encountering a persistent issue with screen resolution.

Whenever the experiment starts, everything on screen appears extremely low-resolution. I’ve come across a few discussions on the forum regarding this, and the only workaround I’ve found so far is to manually reduce the browser zoom (e.g., to 50%), which indeed improves the display quality (attached image).

However, at the end of the experiment, participants are redirected to a Pavlovia survey, and due to the reduced zoom, the survey becomes very small and almost unreadable.

We’re running the experiment on tablets, so manually adjusting the zoom between the experiment and the survey isn’t practical or user-friendly.

Has there been any new development or fix for the low-resolution display issue? Or alternatively, has anyone found a way to dynamically reset the zoom level before loading the survey?

Any suggestions or updates would be greatly appreciated. Thank you!

zoom_screen_quality
zoom_screen_quality1890×680 119 KB

2

Hello @adrian_buechli

That’s a difficult topic. See, for instance, Blurry / low resolution online - #26 by nickpoth21. Using height instead of pixels as a size unit seems to alleviate the problem slightly. Various devices differ in screen resolution and consequently in pixel size. When designing webpages, you use the screen resolution to display the variant of your image/graphic that best fits the screen resolution, rather than letting the browser make the necessary adjustments.

See the section on resizing the window Bringing experiment to full screen after some loops

That code should make the window full-size.

psychoJS.window.fullscr = true;
psychoJS.window.adjustScreenSize();

Best wishes Jens

3

Dear Jens,

Thank you for your response, and for linking those posts. I had actually come across them previously and tried the suggestions, but unfortunately, I haven’t been able to achieve any improvement in display quality so far.

I was wondering if there might be a way to force the Pixi.js renderer to display the full canvas at a specific resolution? If there’s any documentation or workaround related to that, I’d really appreciate being pointed in the right direction.

Thanks again for your time and support!