Set min Canvas Size

Alivanar

Hi there, I was wondering if it was possible to set a minimal size for the canvas ? Here is the code i want to use :

window.onresize = function() {
  if(c.width >= 600){
    c.size(window.innerWidth, c.height);
  }
  if(c.height >= 400){
    c.size(c.width, window.innerHeight);
  }
}

But i have some strange behavior : when i reduce the size of the window it works and limits the canvas size, but after that if i want to expand the window the sketch's size won't change anymore .... I guess i'm mistaking somewhere but can't see where ... Do you have any idea ?

Thanks

GoToLoop

1. https://p5js.org/reference/#/p5/windowResized
2. https://p5js.org/reference/#/p5/resizeCanvas

Alivanar

Well even with using this syntax, the problem stays the same : if i reach the limit then the canvas size won't change anymore, whether i want to reduce it (that's what i want after all) or increase it (that i want it to work) ....

GoToLoop

1. https://p5js.org/reference/#/p5/constrain
2. https://p5js.org/reference/#/p5/windowWidth

Alivanar

Thanks ! I could work it out, looks like this :

window.onresize = function() {
  resizeCanvas(constrain(windowWidth, 1000, 10000), constrain(windowHeight, 600, 10000));
}