How to blur a shape?

p5.js Beginners
1

I know I can blur a .jpg file I load with reference | p5.js.

But is there any way to blur a shape I create in code please? Like create a rect() then blur it, or blur a grid of overlapping circles as a group, like you can in SVG.

2

Oh, it just works, here we go:

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

function draw() {
background(255);
noStroke();
colorMode(HSL, 360, 1, 1, 1);
noLoop();

fill(color(60, 1, 0.5, 0.7));
circle(100, 100, 100);

filter(BLUR, 10);

fill(color(200, 1, 0.5, 0.7));
circle(150, 150, 100);

filter(BLUR, 10);
}