deposited

//Code by Aaron Reuland

//for the #wccChallenge on theme of 'sand'.

//Inspired by patterns of wave-deposited sand I saw on the beach.

//Seems to work better on some browsers than others

​

let colors=["#385380","#156ec9","#3c92bd","#7eaa96","#347f92"]

let sandColors=["#857a76","#942c26","#cb7628"]

let splootches=[]

let simplex, m

let ci=0

​

function setup() {  

  createCanvas(windowWidth, windowHeight);

  m= min(width, height)

  simplex= new openSimplexNoise(Date.now())

  background(255);

  let d= map(noise(frameCount/1000), 0, 1, m*0.33, m*0.66)

  let x= map(noise(d/(m*2), frameCount/400), 0, 1, width/3, width-width/3)

  splootches.push(new splootch(x, height, d, 0))

  ci++

blendMode(SOFT_LIGHT)

pixelDensity(1)

loadPixels()

  for (let x = 0; x < width; x++) {

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

      var index = (x + y * width) * 4;

      let avalue = map(simplex.noise2D(x/3 , y/3 ), -1, 1, 0, 50)

      //203, 105, 40

      pixels[index + 0] = 203;

      pixels[index + 1] = 105;

      pixels[index + 2] = 40;

      pixels[index + 3] = avalue;

​

    }

  }

  updatePixels()

}

​

function draw() {

//  print(frameRate())

if(ci<10)

  if(frameCount%400==0){

    let d= abs(sin(frameCount/400))*(height*0.75)

    let x= map(noise(d/m, frameCount/600), 0, 1, 0, width)

splootches.push(new splootch(x, height, d, ci%colors.length))

    ci++

  }

  for(let s of splootches){

    s.wave();

    s.deposit();

    s.away();

  }

​

}

​

class splootch{

  constructor(x, y, d){

    this.pos= createVector(x, y);

    this.d=d

    this.color= colorMixer(colors)

    this.color.setAlpha(40)

    this.sandColor= colorMixer(sandColors)

    this.sandColor.setAlpha(100)

    this.sinPoint=0

  }

  wave(){

    let sinAdd= HALF_PI/400

    this.sinPoint+= sinAdd

  }

  deposit(){

    stroke(this.color)

    this.color.setAlpha(0.2)

    noFill()

  fill(this.color)

    strokeWeight(0.5)

    beginShape()

    let bigOTime= frameCount/400

    let smallOTime= frameCount/100

    let wScale= width*0.8

    let d= this.d* sin(this.sinPoint)

    for(let i=PI; i<TAU; i+=TAU/600){

      let bscale= i*3

      let bigOff= simplex.noise3D(sin(bscale), cos(bscale),bigOTime)*d/3

      let smallOff= simplex.noise3D(sin(i*10), cos(i*12), smallOTime)*d/8

      let finalH= d+bigOff+smallOff

      let finalW= wScale+bigOff+smallOff

      vertex(this.pos.x+cos(i)*finalW, this.pos.y+sin(i)*finalH)

    let pts=10

  for(let j=0; j<pts; j++){

    push()

    blendMode(MULTIPLY)

    stroke(this.sandColor)

      point(this.pos.x+cos(i)*finalW+random(-20, 20), this.pos.y+sin(i)*finalH+random(-2, 20))

  pop()

    }

      this.color.setAlpha(20)

    }

    blendMode(SOFT_LIGHT)

    endShape(CLOSE)

  }

  away(){ 

    if(this.sinPoint>HALF_PI){

      let index= splootches.indexOf(this)

      splootches.splice(index, 1)

    }

  }

​

}

​

​

function colorMixer(colorArray) {

  let c = noise(frameCount / 600) * colorArray.length

  let c1 = floor(c)

  let c2 = floor(c + 1) % colorArray.length

  let color1 = colorArray[c1]

  let color2 = colorArray[c2]

  let mix = fract(c)

  let coloring = color(spectral.mix(color1, color2, mix))

  return coloring

}