/* Based on Alexander Miller’s video on Recreating Vintage Computer Art with Processing and inspired by John Whitney's work: https://www.youtube.com/watch?v=LaarVR1AOvs&t=181s */ let t = 0; let numLines = 1000; let variable = 10; let increasing = 0.001; function setup() { createCanvas(windowWidth, windowHeight); strokeWeight(0.1); stroke(255); } function draw() { background(0,10); translate(width / 2, height / 2); rotate(frameCount/500); let amplitude = width /4; variable = variable + increasing; if (variable < 0 || variable > 800) increasing*= -1; // console.log(variable); let variable1 = 5+variable/200*5; let variable2 = 5+variable/10*5; scale(.8+sin(frameCount/300)*2); // console.log(variable1); for (let i = 0; i < numLines; i++) { let x1 = sin((t + i) / variable1) * amplitude // + cos((t + 1) / 5) * 50; let y1 = cos((-t + i) / variable1) * amplitude // + sin(((t + 1) / 5) * 50); let x2 = sin((t + i) / variable2) * (amplitude * 3) // + cos(t + 1) * 50; let y2 = cos((-t + i) / variable2) * (amplitude * 3) // + sin(t + 1) * 50; stroke(random(200,255)); line(x1, y1, x2, y2); } t += 0.02; } function windowResized() { resizeCanvas(windowWidth, windowHeight); background(0); }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter