Fading Trail

// by m8tyhorst

​

/*

Hier ist ein Beispiel wie schnell und einfach ein "Fading Trail"  erstellt werden kann. Der Trick: In der Draw-Schleife einfach ein Rechteck zeichnen, das genauso groß wie der Canvas ist und dieses Rechteck etwas transparent maachen, durch einen zusätzlichen Alpha-Wert

fill(gray, [alpha]) 

https://p5js.org/reference/#/p5/fill

*/

tx = 0;

ty = 1000;

​

function setup() {

  createCanvas(400, 400);

  background(0,5);

}

function draw() {

  fill(0,10);//was passiert, wenn ihr den Alpha-Wert verändert?

  rect(0,0,width,height);

  noStroke();

  x = map(noise(tx), 0, 1, 0, width);

  y = map(noise(ty), 0, 1, 0, height);

  fill(255);

  ellipse(x, y, 20, 20);//probiert euch mal auch in anderen Formen, mit oder ohne Stroke

  tx += 0.005;

  ty += 0.005;

}

​

​