// https://p5js.org/reference/#/p5.Element/mouseOver

// https://discourse.processing.org/t/mouseover-created-object-does-not-trigger-function-in-p5/15752/3

// https://p5js.org/reference/#/p5.Element

​

let pg;

​

function overpg() {

  print("mouse is over pg");

}

​

function click() {

  print("click pg");  

}

​

function setup() {

  createCanvas(100, 100);

  pg = createGraphics(100, 100);

  pg.background(100);

  pg.noStroke();

  pg.ellipse(pg.width / 2, pg.height / 2, 50, 50);

  // ? no error? pg.elt.style.border = '5px solid red';

  pg.mousePressed(click);   //__ does not work

  pg.mouseOver(overpg);

}

​

function draw() {

  background(200);

  image(pg, 10, 10);

}

​

​