Skip to content

Noise visualizer

An animated wavy burst of lines, with heavy Moiré effect.

function setup() {
  createCanvas(400, 400);
}
function draw() {
  background(220);
  for (let i = 0; i < 360; i += 2) {
    let r = 1
    for (let j = 0; j < 5; j ++) {
      r = noise(10*(j+1) + sin(i/360*2*PI) * r*(j+1), 10*(j+1) + cos(i/360*2*PI) * r*(j+1), frameCount / 200 + j/5)
      line(200, 200, 200 + sin((i+j/5)/360*2*PI) * r * 200, 200 + cos((i+j/5)/360*2*PI) * r * 200)
    }
  }
}

(Originally seen at https://editor.p5js.org/bojidar-bg/sketches/0Feb6LTJ9)

Experiments tagged p5 (62/85)

Experiments on this site (62/85)