xxxxxxxxxx
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()
}