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