let speed1=0

let speed2=speed1-380

let speed3=speed1-760

​

​

​

function setup() {

    createCanvas(windowWidth, windowHeight);

    background(255);

}

​

function draw() {

    //background

    fill(0,10)

    noStroke()

    rect(0,0,width,height)

    speed1=speed1+10    //first wave x

    speed2=speed2+10//second wave x

    speed3=speed3+10 //third wave x

    repeatdot(speed1,0)

    repeatdot(speed2,0)

    repeatdot(speed3,0)

    //return

    if(speed1>width){

        speed1=0

    }

    if(speed2>width){

        speed2=0

    }

    if(speed3>width){

        speed3=0

    }

}

​

function repeatdot(x,y){

    let wave = sin(frameCount*0.1) * 30.0

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

        if(x<=mouseX){

            fill(0,255,255,80)

            //ellipse(x,y, 30, 30)

            beginShape()

            vertex(x-30,y+19.5+wave)

            vertex(x+30,y+wave)

        vertex(x+33,y+wave)

            vertex(x+44,y+8.5+wave)

            vertex(x+47,y+19.5+wave)//tip

            vertex(x+44,y+30.5+wave)

            vertex(x+33,y+39+wave)

            vertex(x+30,y+39+wave)

            endShape(CLOSE)

        }

        else if (x>mouseX){

            fill(0,random(255),random(255),50)

            ellipse(x,random(height), x*0.05, x*0.05)

        }   

    }

​

​

​

}