let he=450

let mR=0

let mP=[]

let cD=[10]

let t=0

let seg=[[0,10],[wi,10]]

let kr=20

function setup() {

  createCanvas(wi, he);

}

​

function draw() {

  background(220);

  for(let i=0;i<seg.length-1;i++){

    let d=2.09*pow(mP[i][1],0.29)

    line(seg[i],he-d/2,seg[i]+d/2,he-100)

    line(seg[i]+d/2,he-100,seg[i+1]-d/2,he-100)

    line(seg[i+1]-d/2,he-100,seg[i+1],he-100+d/2)

  }

  /*if(mouseIsPressed){

    mR=0

  cD++

  circle(mouseX,mouseY,cD)

  }*/

  if(mR==1){

    t+=1/60

    circle(mP[0],mP[1]+50*sq(t),cD)

    if(mP[1]+50*sq(t)>he-100){

      cD=0

      mR=0

      seg.push([mP[0],mP[1]])

      seg.sort(function(a,b){return a[0]-b[0]})

  }

    text(t,10,30)

    text(mP[1]+5*sq(t),10,10)

  }

}

function mouseReleased(){

  t=0

  mR=1

  mP=[mouseX,mouseY]

  cD=10

}