Noisy Works

Visuels Génératifs

Those visuals are based on experiments with perlin noise and polar coordinates with processing , you’ll need to add your own font to make it work.


float edgeX, edgeY;
float radius =325;
float noiseF;
int startTime ;

PFont title, seed, time;
void setup() {
size(700, 700);

smooth();

colorMode(HSB, 255, 100, 100, 100);
//textMode(CENTER);

title = createFont("Candara-Bold-16.vlw", 18);
seed = createFont("Consolas-16.vlw", 12);
time = createFont("Corbel-16.vlw", 12);
textAlign(CENTER, CENTER);
//textFont(seed);
generate();
}

void draw() {
if (mousePressed) {
startTime = millis();
noiseF = random(5000);
println("noiseSeed : " + noiseF);
generate();
}
}

void generate() {
background(255);
translate(width/2, height/2);
for (int j = 0 ; j < 320 ; j ++ ) {
stroke(0, 255);
noFill();
beginShape();
for (float i = 0 ; i <= TWO_PI + PI/24 ; i += PI/24) {
randomSeed(floor(i*100*noiseF));
edgeX = (radius-j + map(noise(noiseF, i, 20), 0, 1, -150, 150)) * cos (i);
edgeY = (radius-j + map(noise(noiseF, 25, i), 0, 1, -150, 150)) * sin (i);
curveVertex(edgeX, edgeY);
noiseF += 0.00005;
}
endShape(CLOSE);
}
noStroke();
fill(0, 210);
ellipse(0/2, 0/2, 190, 190);
fill(map(noiseF, 0, 5000, 0, 255), 100, 100);
ellipse(0/2, 0/2, 170, 170);
fill(255);
ellipse(0/2, 0/2, 8, 8);
fill(255, 0, 100);
String s ="-- Noisy Works --";
String s1 = " seed :"+noiseF;
int endTime = millis();
int gentime = endTime - startTime;
println(gentime);
textFont(title);
text(s, 0, -35);
textFont(seed);
text(s1, 0, 15);
textFont(seed);
String s2 = " gen. time : 0."+gentime+" s";
text(s2, 0, 30);
}
void keyPressed() {
if (key == 's' || key == 'S') {
saveFrame("lps-"+year()+"-"+month()+"-"+day()+"-"+hour()+"h"+minute()+"m"+second()+"s.png");
}
}



 

Advertisements

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s