97

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
ESC
↑↓ Navigate Select
101 Mathematical Artworks

Support the Project

Keep mathematical creative coding alive & open source

Or via Direct Payoneer ($0 Fee)
Payoneer Customer ID: $0 Fee Direct
24076084

💡 Payoneer app: Go to Pay → Pay to recipient → Enter ID 24076084.

Thank you for supporting generative mathematical animations! ✨