Resizable Screen Help!

Programming Questions

TheGamers..

in Programming Questions • 2 years ago

For a first project I am creating a (very) simple paint program and one of the first things even a basic paint program needs is that it needs to be resizable. I am using frame.setResizable(); to make my sketch window... resizable. But, when I run the program and make the window bigger, the canvas stays the same size while the window gets bigger. I didn't really explain that good.

Ok, the window looks like this -> [] ___

when I first run it. When I resize it, the window then looks like this -> |___|

But the canvas that your draw on still stays like this -> []

even though your window is bigger.

So my question is, how can I get the drawing canvas to resize with the window?

Thanks in advance,

TheGamersHaven

___________________________________________________________________
Do you know what you just lost?

The Game

Replies(7)

PhiLho

Re: Resizable Screen Help!

2 years ago

I never could resize my screens, they are too rigid... But in general, I can resize the windows on the screen.
Your question is a kind of FAQ, it have been addressed several times in the forums. And probably in the Wiki too. Let see...
http://wiki.processing.org/index.php?title=Special:Search&search=resize&go=Go
Two entries. See if they answer your question.

amnon.owed

Re: Resizable Screen Help!

2 years ago

Are you using PGraphics that were created in setup using the original width and height?

TheGamers..

Re: Re: Resizable Screen Help!

2 years ago

Thanks for the replies guys!

@phi.lho Thanks, I checked it out and it didn't really solve the problem.

@amnon.owed Yes, and, as I recall, you are the one who actually helped me with this program.

___________________________________________________________________
Do you know what you just lost?

The Game

PhiLho

Re: Resizable Screen Help!

2 years ago

I tried the code in the "Fun with the frame object" page just after posting the message above, and it worked for me. So perhaps you have to give a little more details.

TheGamers..

Re: Re: Resizable Screen Help!

2 years ago

Ok, I am using PGraphics. I think I may be on the way to fixing my problem but I don't know how to make it work. Basically, I think when I set the size to 500, 500, and then call createGraphics it sets my drawing canvas to the size, and when I want to resize the window, the window resizes but the drawing canvas stays the same. So now all I need to know is... how do I get createGraphics to change to the new window size?

___________________________________________________________________
Do you know what you just lost?

The Game

amnon.owed

Re: Resizable Screen Help!

2 years ago

Exactly. Hence the question

The solution is to use createGraphics again (with the new width/height) PLUS to add what's already been drawn.

Code example

PGraphics canvas;
void setup() {
size(500,500);
frame.setResizable(true);
startCanvas();
}
void draw() {
canvas.beginDraw();
canvas.ellipse(mouseX,mouseY,frameCount % 30, frameCount % 30);
canvas.endDraw();
image(canvas,0,0);
if (canvas.width < width || canvas.height < height) { resizeCanvas(); }
// if (canvas.width != width || canvas.height != height) { resizeCanvas(); } // if you also want it on decreased size
}
void resizeCanvas() {
PImage temp = canvas.get(); // this gets the already drawn image...
startCanvas();
canvas.beginDraw();
canvas.image(temp,0,0); // ...and then puts it back on the new canvas
canvas.endDraw();
}
void startCanvas() {
canvas = createGraphics(width,height,JAVA2D);
canvas.beginDraw();
canvas.background(255);
canvas.smooth();
canvas.noStroke();
canvas.fill(0);
canvas.endDraw();
}

Extra tip: To prevent cut-off shapes after resizing, try a 'security border' for the canvas of like 100 pixels to each side.

TheGamers..

Re: Re: Resizable Screen Help!

2 years ago

Thanks , you saved me again! I will check out your code and implement it as soon as I am done with school work, (if you have been wondering, that's why I don't respond, school...) Thanks again,

TheGamersHaven

___________________________________________________________________
Do you know what you just lost?

The Game

Top Reply