Consistent Size and High Resolution on Any Kind of Screen?

[marcrex]

Hi everyone,
I’m finishing up my plugin and have a question. How can I ensure that the plugin, once exported, appears at the same size and in high resolution, whether it’s used on a Full HD or a 4K screen?

Also, what resolution do you usually export your plugins at to achieve the best results across different displays?

Thanks in advance for your help!

[d.healey]

@marcrex Add a control to allow the user to choose the scaling factor. Export it so that 100% looks right on a 1920x1080 monitor since that's the resolution most people use. For those who use a higher resolution they can adjust the scaling factor as needed.

@marcrex said in Consistent Size and High Resolution on Any Kind of Screen?:

in high resolution

If you've built your UI with vector graphics (no images) then it will look pretty much the same quality at all screen resolutions.

If you used images then any size that requires scaling the image will reduce the quality. The only thing you can do in this scenario is export your images at 2x their normal resolution and set the scaling factor for them in HISE to 0.5.

For larger background images you could include multiple images at different resolutions and swap them out dynamically depending on the user's screen resolution - but using multiple images like this might eat up some RAM.

[marcrex]

@marcrex
Hi David,
Thank you for your reply!
So, I'll simply add a floating tile set to CustomSettings so that users can adjust the Scale Factor directly from there.
However, I was thinking of also adding the draggable scaling method that you showed in your yt video "Resizeable interface in HISE".
This way, when a user opens the plugin on a higher-resolution monitor and finds It too small, they can quickly resize It, just like with most of other plugins, without having to search for small written settings.
Does this seems like a good approach to you?

P.S.
Thanks for all your videos and tutorials, they're an incredibly valuable guide!

[d.healey]

I think just the draggable one on it's own is sufficient.

[ccbl]

@d-healey how does one do that? Do you provide a series of button perhaps? But there's code that scales the UI?

[d.healey]

@marcrex said in Consistent Size and High Resolution on Any Kind of Screen?:

However, I was thinking of also adding the draggable scaling method that you showed in your yt video

I was referring to this.

[ccbl]

@d-healey Ohh ok. If you have a youtube video tutorial about it I'll track that down then.