​

// coordinates of the art gallery's door

const DOOR_COORDS = {left: 345, right: 445, top: 345, bottom: 480};

​

function preload() {

    // gallery exterior image

    exteriorImg = loadImage('assets/gallery/exterior.jpeg');

}

​

function setup() {

    createCanvas(800, 600); // Adjust the canvas size as needed

    noStroke(); // Disable drawing stroke (lines)

}

​

function draw() {

    image(exteriorImg, 0, 0, width, height); // Display the loaded image on the canvas

    const {left, right, top, bottom} = DOOR_COORDS;

​

    // show welcome text when user hovers the cursor over the door

    if(mouseX > left && mouseX < right && mouseY > top && mouseY < bottom) {

      fill('black');

      textSize(16);

      text("Welcome to Art Gallery!!", 320, 400);

    }

}