xxxxxxxxxx
38
let rectX;
let rectY;
let rectW;
let rectH;
function setup() {
createCanvas(400, 400);
rectX = 10;
rectY = 20;
rectW = 150;
rectH = 200;
}
function draw() {
background(220);
rectX = mouseX-(rectW/2);
rectY = mouseY-(rectH/2);
//https://p5js.org/reference/#/p5/rect
rect(rectX, rectY, rectW, rectH);
decideIfCompletelyOnScreen();
}
function decideIfCompletelyOnScreen() {
if (rectX < width &&
rectX + rectW < width &&
rectX > 0 &&
rectY < height &&
rectY + rectH < height &&
rectY > 0
) {
console.log("On Canvas!");
} else {
console.log("Off Canvas!");
}
}