// p5.js 2021-09-18 Jeremy Douglass

// https://editor.p5js.org/jeremydouglass/sketches/1O-Ykziqh

// https://discourse.processing.org/t/get-same-x-and-y-positions-relative-to-screen-resolution/32252

​

let basew = 100;

let baseh = 100;

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  background(220);

​

  // rectangle is 25% of canvas, offset by 5% margin

  rect(w(10), h(10), w(25), h(25));

​

  // test sizes, aspect ratios

  if(frameCount%480==0) resizeCanvas(400, 400);

  if(frameCount%480==120) resizeCanvas(800, 800);

  if(frameCount%480==240) resizeCanvas(360, 240);

  if(frameCount%480==380) resizeCanvas(200, 400);

}

​

function w(num) {

  return num * (width/basew);

}

​

function h(num) {

  return num * (height/baseh);

}