let recording = 0; let w = 1280; let h = 1280; let CNT = 15; bands = new Array(CNT); let ww = 0; let count = 0; const savePicture = ( maxCount = 1199 ) => { save( ( '' + count ).padStart( 3, '0' ) + '.png' ); count++; if( count > maxCount ){ noLoop() } } function setup() { w = windowWidth; h = windowHeight; createCanvas(w, h); if(recording) { frameRate(2); } else { frameRate(30); } strokeCap(SQUARE); ww = w / CNT; for(let i = 0; i < CNT; i++) { x = i*ww; tc = random(); if(tc < 0.25) { div = int( random(4, 32) ); } else if(tc < 0.83) { div = int( random(44, 76) ); } else { div = int( random(96, 288) ); } seed = int( random(CNT*3) ); speed = random(.5, 10); co = color(255,255,255,random(50,200)); if(random() < 0.1) { freq = random(0.01, 0.5); } else { freq = random(10, 20); } bands[i] = new MyBand(x, div, seed, speed, freq, co); } } function draw() { if(recording) { clear(); } else { background(0); } push(); strokeWeight(1); for(let i = 0; i < CNT; i++) { bands[i].move(); bands[i].display(); } pop(); if(recording) { savePicture(); } else { } } class MyBand { constructor(x, div, seed, speed, freq, co) { this.x = x; this.div = div; this.size = h / div; this.seed = seed; this.speed = speed; this.freq = freq; this.offset = 0; this.color = co; this.flag = new Array(div); for(let j = 0; j < div; j++) { this.flag[j] = false; if(div < 70 && random() < 0.02 ) { this.flag[j] = true; } } } drawBand() { for(let i = -1; i < this.div; i++) { let n = noise(i * this.freq); if(n > 0.58) { n *= 1.6; } else { n *= 0.15; } n = map(n, 0, 1, 20, 255); let cd = color(n, n, n, 255); if(this.flag[i]) { cd = color(255, 10, 10, 255); } fill(cd); let y = this.size * i + this.offset; if(y > h) { y -= (h+this.size); } rect(this.x, y, ww, this.size); } } move() { if(this.offset < h) { this.offset += this.speed; } else { this.offset = 0; } } display() { noiseSeed(this.seed); this.drawBand(); } }