​

function setup() {

    p5canvas = createCanvas(320, 240)

​

    worker = new Worker('worker.js');

    // console.log(worker)

    // Define method for receiving messages sent from worker

    worker.onmessage = (e) => { processMessage(e.data) };

    // Post message to worker

    worker.postMessage(`Rectangle ${n++}`);

    // Repeat the message every 2 seconds thereafter

    setInterval(() => { worker.postMessage(`Rectangle ${n++}`); }, 2000)

}

​

function processMessage(info) {

    [x, y, w, h] = [info.x, info.y, info.w, info.h];

}

​

function draw() {

    background(255, 240, 255);

    fill(255, 170, 100); stroke(0); strokeWeight(3);

    rect(x, y, w, h);

}

​