Create multiple custom rectangles in p5.js

p5.js Coding Questions
1

I’m beginning to explore p5.js web editor, and I was wondering if there is a way to create multiple custom rectangles with mouse in canvas.That’s the only way I can think of. I want it be like Illustrator’s rectangle tool.:sob::sob::sob:

z3d42-rc8ok
z3d42-rc8ok774×540 503 KB

let clickX, clickY;

function setup() {
  createCanvas(600, 600);
}

function draw() {
  background(0);
  fill(255);
  stroke(255, 0, 0);
  rect(clickX, clickY, mouseX - clickX, mouseY - clickY);
}

function mouseMoved() {
  clickX = mouseX;
  clickY = mouseY;
}
2

Hi, welcome to Forum !

First delete background(0); from your code, because it is every time clears screen. Second remove function mouseMoved. Do it with functions mousePressed and mouseDragged. It will solve your problem.