97

Prime Blade Morph

Advanced geometric rotation where shapes morph seamlessly.

60 FPS p5.js

p5.js Sketch Code

p.setup = () => {
  p.createCanvas(p.container.clientWidth, p.container.clientHeight);
  p.rectMode(p.CENTER);
  p.noFill();
  p.stroke(255);
};
p.draw = () => {
  p.background(0, 20);
  p.translate(p.width/2, p.height/2);
  let n = 20;
  for(let i=0; i<n; i++) {
    p.push();
    p.rotate(p.frameCount*0.01 + i*0.1 + (p.mouseX*0.01));
    p.scale(p.map(i, 0, n, 0.1, 2.0));
    let t = (p.sin(p.frameCount*0.02 + i*0.2)+1)/2;
    p.rect(0, 0, 100 + t*50, 100 - t*50, t*50);
    p.pop();
  }
};
p.windowResized = () => { if(p.container) p.resizeCanvas(p.container.clientWidth, p.container.clientHeight); };

Properties

#p5js#morphing#geometry
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! ✨