10152020

var expand

var clr

​

var posX = [100,300,500,700,900,1100,1300,1500]

var posY = [100,300,500,700,900,1100,1300,1500]

​

function setup() {

  createCanvas(windowWidth, windowHeight)

  background("#E7D8C9")

  frameRate(15)

  expand=1

  clr=30

}

​

function draw() {

  background(231,216,201,35)

  drawRipples(500,350,1.3)

  drawRipples(900,200,0.8)

  if (mouseIsPressed){

  drawRipples(mouseX,mouseY,1)

  }

}

​

function drawRipples(x,y,force){

  push()

    translate(x,y)

    if (expand<200){

      expand+=force

    }

    stroke(231-clr,216-clr,201-clr)

    strokeWeight(3)

    noFill()

    for (i=0;i<400*force;i+=40){

      ellipse(0,0,i+expand)

      if (expand<1200 && clr>0){

        clr-=0.02 

      }

    }

  pop()

}

​

​