Blob within a Blob
A pulsing, living organism made of thousands of tiny dots that follow Perlin noise contours.
60 FPS • p5.js
p5.js Sketch Code
p.setup = () => {
p.createCanvas(p.container.clientWidth, p.container.clientHeight);
};
p.draw = () => {
p.background(15, 20, 30, 50);
p.translate(p.width/2, p.height/2);
let mx = (p.mouseX - p.width/2) * 0.1;
let my = (p.mouseY - p.height/2) * 0.1;
p.noStroke(); p.fill(100, 200, 255, 150);
p.beginShape();
for(let a=0; a<p.TWO_PI; a+=0.1) {
let r = 150 + p.noise(p.cos(a)+p.frameCount*0.01 + mx, p.sin(a)+p.frameCount*0.01 + my) * 100;
p.vertex(r*p.cos(a), r*p.sin(a));
}
p.endShape(p.CLOSE);
};
p.windowResized = () => { if(p.container) p.resizeCanvas(p.container.clientWidth, p.container.clientHeight); }; Properties
#p5js#blob#organic
Author: Math Art Core Target: 60 FPS