title: p5: resize canvas, with a fixed starting width/height?
body: <p>I'm playing around with using p5 and tensorflow. I created a &quot;face-filter&quot;, that tracks the nose and ears with tensorflow, and append images to those locations. For instance if my face-filter is &quot;clown', the nose will have a red nose, and the ears will have clown ears.</p>
  <p>Everything works, but now I'm trying trying to make the canvas responsive.</p>
  <p>My canvas dimensions are <code>createCanvas(1200, 768)</code>, and it's centered in css.</p>
  <p>How can I make the canvas responsive based on browser width? I'm just not sure how to setup the code in the <code>windowResized</code> function.</p>
  <pre><code>function windowResized(){
    resizeCanvas(width?, height?);
  }
  </code></pre>
  <p>Appreciate any input I could get.</p>