let catImg;

​

function preload() {

  // This isn't going to delay setup like a normal loadXXX() call would

  let img = new Image();

  img.onload = () => {

    catImg = new p5.Element(img);

    catImg.width = img.width;

    catImg.height = img.height;

    redraw();

  };

  img.src = 'cat.png';

}

​

function setup() {

  createCanvas(catImg.width * scaleFactor, catImg.height * scaleFactor);

  // this isn't critical, there's just no point in doing high DPI

  // rendering for pixel aligned squares.

  pixelDensity(1);

  background(255);

  noLoop();

  noStroke();

}

​

function draw() {

  if (catImg) {

    image(catImg, 0, 0);

  }

}