//Created by Mirette Dahab

//January 2nd, 2025

//independant work as part of the genuary challenge

//Genuary day 2

//Prompt: Layers upon layers upon layers

​

let start = 100;

let inc = 0.05;

let gradientSpeed = 0.01; // Controls how fast the gradient loops

let gradientOffset = 0; // Offset for looping the gradient

​

function setup() {

  createCanvas(400, 400);

}

​

function draw() {

  // Looping gradient background

  gradientOffset += gradientSpeed; // Slowly advance the gradient

  let gradientPhase = sin(gradientOffset) * 0.5 + 0.5; // Cycle between 0 and 1

​

  for (let i = 0; i < height; i++) {

    let inter = map(i, 0, height, 0, 1);

    let c = lerpColor(color('#1a1a40'), color('#5500ff'), inter * gradientPhase);

    stroke(c);

    line(0, i, width, i);

  }

​

​

  // Draw multiple layers

  for (let layer = 0; layer < 4; layer+=1) {

    let offset = layer * 10; // Offset for each layer

    let alpha = 255 - layer * 80; // Decrease alpha for each layer

    let weight = 2 + layer * 40; // Increase stroke weight for each layer

    noFill();

    stroke(255, alpha);

    strokeWeight(weight);

    beginShape();

    let xoff = start + offset;

    for (let z = 0; z < width * 2; z++) {

      let y = noise(xoff) * height;

      let x = noise(xoff + 1) * width;

      vertex(x, y);

      xoff += inc;

    }

    endShape();

  }

​

  // Increment start for animation

  start += inc;

}

​