Noise Ellipse

// by m8tyhorst

/* 

Hier ist ein Beispiel, das die Noise-Funktion verwendet um die Form der Ellipse und die Farbe der Umrandung zu verändern.

*/

/*alle Variablen initialisieren WICHTIG nicht die gleichen werte nehmen, sonst bleibt es immer ein Kreis, ähnliches bei der Farbe, wenn gleich bleibt es immer weiß

etwas Background für perlin noise: https://www.youtube.com/watch?v=8ZEMLCnn8v0

*/

tx = 0;

ty = 1;

tr = 5;

tg = 20;

tb = 50;

function setup() {

  createCanvas(400, 400);

  frameRate(30);

}

​

function draw() {

  fill(0, 10); //was passiert, wenn ihr das Fading weglasst?

  noStroke();

  rect(0, 0, width, height);

  r = map(noise(tr), 0, 1, 0, 255);//rot mit noise() und map() auf Werte 0-255 mappen

  g = map(noise(tg), 0, 1, 0, 255);//grün mit noise() und map() auf Werte 0-255 mappen

  b = map(noise(tb), 0, 1, 0, 255);//blau mit noise() und map() auf Werte 0-255 mappen

  x = map(noise(tx), 0, 1, 0, width); //der Breite des Kreises auf die Breite des Canvas mappen

  y = map(noise(ty), 0, 1, 0, height);//die Höhe des Kreises auf die des Canvas mappen

  stroke(r, g, b); //

  strokeWeight(0.5);

  noFill();

  ellipse(200, 200, x, y);//versucht mal andere Formen oder etwas Interaktion mit mouseX/mouseY reinzubringen

  //t erhöhen nach jedem Durchlauf von draw(), so das sich etwas verändert

  tx += 0.003;//versucht mal alle t Werte zu verändern. Was passiert mit der Zeichnung?

  ty += 0.003;

  tr += 0.003;

  tg += 0.003;

  tb += 0.003;

}

​