​

function preload() {

  bgImage = loadImage('background.png');

}

​

function setup() {

  createCanvas(700, 700);

}

​

function draw() {

  background(220);

​

  // resize image

  let imgWidth = width;

  let imgHeight = height / 1.7;

  // center image

  let x = (width - imgWidth) / 2;

  let y = (height - imgHeight) / 2;

​

  image(bgImage, x, y, imgWidth, imgHeight);

  noFill();

  stroke (200, 0, 0);

  triangle(200, 200, 250, 250, 300, 200);

  // triangle (x1, y1, x2, y2, x3, y3)

  // (x1, y1): Coordinates of the first vertex

  // (x2, y2): Coordinates of the second vertex

  // (x3, y3): Coordinates of the third vertex

}

​