I want to have my sketch resolution be the same across different screen sizes. I have tried using PGraphics with image() but the performance suffers and my sketches frame rate drops. Am I using PGraphics and image() incorrectly / is there a better way to do this? I’ll post my code below. PGraphics …

[image] Sarah: If you want the prior option, you can just put: if (width > height) pg=createGraphics(height, height); if (width < height) pg=createGraphics(width, width); Then use what I did on https://discourse.processing.org/t/solved-making-the-contents-of-a-frame-relative-to-its-size/3595/…

Check out: [image] [SOLVED] Making the contents of a frame relative to its size Coding Questions To make your canvas resizable, you can simply put surface.setResizable(true); in your setup. If you want to make it compatible to any size, the best way to do it would be to f…

Hi Sara, Thanks for the response. I know that I can do relative sizing and have a windowed sketch with size(), but I want the sketch to be fullscreen with a letter-boxed area where the drawing happens with a fixed resolution. I plan on adding more sketches to this sketchbook to make a top down sho…

Do you want the sketch to expand itself to fullscreen, but keep its original aspect ratio, or for it to simply keep its size with any screen? If you want the prior option, you can just put: if (width > height) pg=createGraphics(height, height); if (width < height) pg=createGraphics(width, width); …

I want it to keep its size, and have it be positioned in the center of the screen. In my sketch right now I have it so that the square where everything is being drawn will have borders on all sides. [fly.PNG] I want it to behave exactly like the photo. What I have above works to do this, it is ju…

After looking around some more I figured out that all I had to do was change the renderer to P2D to get better preformance, I feel silly :disappointed_relieved:

If the canvas is always going to be 900 x 900, and you just want to move it to the center of the screen, you could just draw everything in one corner, then use translate(); to move it to the center. P2D only makes the sketch faster by putting the quality of the sketch down, but a sketch of that sca…

Translating would work well for centering, but if someone has a screen height or width less than 900px the canvas will be out of bounds. I would want the canvas to appear smaller to fit on the screen but behave like it were 900x900. If a person’s screen is really massive the canvas should appear lar…

So you want to scale the sketch to the screen size, while keeping the 1:1 (900:900) ratio?

Yes, that is exactly what I want to do.

Ohhh. I get it now. I feel even more silly than before :horse:. Thanks for being so patient with me.

[SOLVED] Fullscreen sketch scaling and preformance

Processing Coding Questions

Sarah September 28, 2018, 4:31am 2

Check out:

Topic		Replies	Views
[SOLVED] Running a sketch at a low resolution in fullscreen Coding Questions	18	3462	September 14, 2020
Faster PImage Resizing Coding Questions	16	1785	November 21, 2021
How can I mask graphics to a resizable rectangle? Coding Questions	13	1025	September 8, 2020
Saving a frame to be printed in large format Project Guidance	2	489	December 7, 2019
Full Screen application performance Coding Questions	8	545	September 6, 2020

[SOLVED] Fullscreen sketch scaling and preformance

Related topics