scaleWithoutShifting.js

//Scale your shapes up without them moving all over the place!

var scalingFactor = 1;
var x = 100;
var y = 200;
var w = 40;
var h = 30;

function setup()
{
  createCanvas(500, 500);
  noFill();
  
  for(var i=0;i<10;i++)
  {
    push();
    translate(-x*(scalingFactor-1), -y*(scalingFactor-1));
//    translate(-w*scalingFactor/2, -h*scalingFactor/2); //add this line to grow from center
    scale(scalingFactor);
    rect(x, y, w, h);
    pop();
    scalingFactor += 1;
  }
}

function draw() {
  
}