TabPointX=[];

TabPointY=[];

TabBall=[];

TabBall[0]=[-200,-200];

TabBall[1]=[-200,-200];

let NbPoints = 52;

let Time0=0;

let vTimer=Time0;

let Amplitude = 0;

// let xEclaboussure=[];

// let yEclaboussure=[];

// let RayEclaboussure=[];

//

let vTimerB=0

let TimeB0=0;

let y = 100;

let x = 100;

let speed = 1;

let gravity = 0.2;

let bouncy = -0.6; //higher is more bouncy

let circleSize = 50;

let ground = 300;

let xSpeed = 2;

let Nb_Eclaboussures = 5;

let Secondary_waves = false;

//

let xBtn=200;

let xCliff = 1725;

//

let vEtalonnage = false;

let vTime0 = 0;

let vClock0 = 0;

let FrameSpeed = 5;

//

let angleFish = 0;

let xFish = 1500;

let yFish = 0;

let fishSpeed = 1.75;

let AlphaJaws = 0;

let Hunger = .005;

let tabFish=[];

let NbBones = 30;

let oFish = [];

let Depth0 = 680;

let FishDepth = Depth0;

let Jumping = false;

let JumpStrengh = 5;

//

let vScore = 0

//

for (noBone = NbBones - 1 ; noBone >= 0; noBone --){

  //

  tabFish[noBone] = [0,0];

  //

}

//

function preload() {

  //

  K_font = loadFont('assets/LIQUIDCRYSTAL.OTF');

  //

}

function setup() {

  //

  createCanvas(1920, 1080);

  Btn = createButton('Feed me !');

  Btn.position(xBtn,700);

  Btn.mousePressed(ImpulseAmplitude);

  Btn.mouseReleased(FishJump) //.mouseIsPressed

  //

  for(NoPoint=0;NoPoint<NbPoints;NoPoint++){

    //

    TabPointX[NoPoint] = 1920/NbPoints * 1 * NoPoint;

    TabPointY[NoPoint] = 100 + 100 * sin( 25 *  PI/NbPoints  * NoPoint);

    //

  }

  //

  vTime0 = frameCount;

  vClock0 = minute() * 60 + second() ;

  //

  ScoreUpdate()

  //

}

function ScoreUpdate(){

  //

  push();

  //

  if(vScore<10){

    //

    vText = '00'+vScore

    //

  }else if(vScore<10){

    //

    vText = '0'+vScore

    //

  }else {

    //

    vText = ''+vScore

    //

  }

  strokeWeight(5);

  stroke(255);

  fill('black');

  rect(x-55,355,115,55);

  strokeWeight(5);

  stroke(255);

  fill('green')

  textAlign(RIGHT);

  textSize(42);

  textFont(K_font);

  text(vText,x+52,400);

  pop();

  //

}

function Etalonnage(){

  //

  //Etalonnage du Framespeed

  if(minute() * 60 + second() - vClock0 > 5){

    //

    FrameSpeed = round(100 * 500/(frameCount - vTime0)) / 100;

    vEtalonnage = true;

    //

  }

  //

  //

}

//

function ImpulseAmplitude(){

  Amplitude+=40;

  //print(Amplitude);

  Jumping = true;

}

//

function FishJump(){

  //

  Jumping = false;

  //

}

//

function draw() {

  //

  if (!vEtalonnage){

    //

    Etalonnage();

    //

  }

  background(180,230,255);

  //

  vTimer= frameCount-Time0;

  //

    if (Amplitude > 0){

      //

      Amplitude--;

      text('Amplitude : ' + Amplitude, 200, 650);

      //

    }

  if (vTimer>10){

    //

      Time0 = frameCount;

      TabBall[1]=[TabBall[0][0],TabBall[0][1]];

      TabBall[0]=[x,y];

    //

  }

  //

  for(NoPoint=0;NoPoint<NbPoints;NoPoint++){

    //

    if(NoPoint<NbPoints){

      //TabPointY[NoPoint] = TabPointY[NoPoint+1];

    }else if(NoPoint==NbPoints){

      //

      TabPointY[NoPoint]=TabPointY[1]

      //

    }

    TabPointY[NoPoint] = 600 + (10+Amplitude) * sin( frameCount/8 +25 *  PI/NbPoints  * NoPoint);

    TabPointX[NoPoint]--;

    //

    //text('Amplitude : '+ Amplitude,300,700)

    //

    if(TabPointX[NoPoint]<-2*1920/NbPoints){

      //

      TabPointX[NoPoint]=1920-4*1920/NbPoints//TabPointX[(NbPoints-NoPoint)%NbPoints] ;

      //

    }

    push();

    stroke('white')

    circle(TabPointX[NoPoint] + random(-3,3) ,TabPointY[NoPoint], 5),

    pop();

    //

  }

  //

  //Drawing the wave

  for(NoPoint=0;NoPoint<NbPoints;NoPoint++){

    //

    if (TabPointX[NoPoint]>-2*1920/NbPoints && TabPointX[NoPoint]<1920){

      //

      /*push();

      text(NoPoint, (TabPointX[NoPoint]+TabPointX[NoPoint+1])/2

           , (TabPointY[NoPoint]+TabPointY[NoPoint+1])/2);

      pop();*/

      //

      push();

      //

      if (TabPointX[NoPoint+1]>TabPointX[NoPoint]){

        //

        stroke('white');

        strokeWeight(1+Amplitude);

        line(TabPointX[NoPoint], TabPointY[NoPoint], 

              TabPointX[NoPoint+1],TabPointY[NoPoint+1]);

        //

        push();

        pop();

        noStroke();

        fill(150,200,235);

        quad(TabPointX[NoPoint], TabPointY[NoPoint], 

              TabPointX[NoPoint + 1],TabPointY[NoPoint+1],

              TabPointX[NoPoint + 1] + 1, 1900, 

              TabPointX[NoPoint] - 1, 1900);

        pop();

        //

      }

      NoAnchor=1;

      //

      //Ball bouncing over the water

      if(x >= TabPointX[NoPoint] && x <= TabPointX[NoPoint + 1]){

        //

        if(y >= TabPointY[NoPoint]){

          //

          vArchimede = (y - TabPointY[NoPoint]);

          //

          y = int(random(TabPointY[NoPoint], TabPointY[NoPoint + 1]));

          //

          if(speed > 0){

            //

            vRebound = abs(speed * bouncy * (vArchimede+Amplitude)/2/10);

            if (speed < vRebound){

              speed = speed * bouncy * Amplitude/10;

              //

            }else{

              //

              speed = speed * bouncy;

              //

            }

            //

          }

​

          //

        }

        //

      }

      //

    }

  //

  }

  ball();

  //

  //Secondary waves

  //Woffset=4;

  if (Secondary_waves){

    //

    for (Woffset = 4;Woffset <= 4;Woffset+= 4){

      for(NoPoint = 1;NoPoint<NbPoints - 1;NoPoint++){

        //

        noWave1 = NoPoint + Woffset;

        if (noWave1 >= NbPoints){noWave1 = noWave1 - NbPoints + 1}

        noWave2 = NoPoint + 2 + Woffset;

        if (noWave2 >= NbPoints){noWave2 = noWave2 - NbPoints + 1}

        xW1 = TabPointX[noWave1] - Amplitude;

        yW1 = 25 + TabPointY[NoPoint];

        xW2 = TabPointX[noWave2] - Amplitude;

        yW2 = 25 + TabPointY[NoPoint + 1];

        //

        if (yW1 > 1920)

        {

          //

          //print(noPoint);

          //

        }

        if (xW1 < xW2){

          //

          push();

          noStroke();

          fill(80 * (.70 + .05 * Woffset), 130 * (.60 + .05 * Woffset)

               , 235 * (.60 + .05 * Woffset), 5 + Woffset * 5);

​

          quad(xW1, yW1, xW2, yW2, xW2, 1900, xW1, 1900);

          pop();

          //

        }

        /*text('NoPoint :' + NoPoint, 300, 720);

        text('noWave1 :' + noWave1, 300, 735);

        text('noWave2 :' + noWave2, 300, 750);*/

        //

      }

    //

    }

    //

  }

  //

  //Eclaboussures / Splashes

  for(NoPoint = 0;NoPoint < NbPoints - 1;NoPoint++){

    //

    for(No_Eclaboussure = 1;No_Eclaboussure <= Nb_Eclaboussures; No_Eclaboussure++){

      //

      xEclaboussure = random(TabPointX[NoPoint],TabPointX[NoPoint + 1]);

      yEclaboussure = random(TabPointY[NoPoint] - 10

                            ,TabPointY[NoPoint + 1] + 10 - Amplitude);

      rayEclaboussure=random(2,5);

      //

      push();

      if (Amplitude<10){

        //

        vR = 180 + 10 * rayEclaboussure - Amplitude / 10;

        vG = 230 + 4 * rayEclaboussure - Amplitude / 10;

        vB = 255 - Amplitude / 10;

        stroke(vR*.75,vG*.75,vB*.75,160);

        //

        vLum = random(200, 255);

        //

      }else{

        //

        vLum = random(30, 255);

        vR = 30 + 70 * random();//random(30, 255)//30 + random(Amplitude * frameCount % 100);

        vG = 100 + 100 * random();//random(77, 255)//77 + random(Amplitude * frameCount % 100);

        vB = 230 + 20 * random();//random(130, 255)//130 + random(Amplitude * frameCount % 100);

        stroke(255,255,255,255);

        //

      }

      //

      fill(vR, vG, vB, vLum);

      circle(xEclaboussure

             , yEclaboussure - random(3,  rayEclaboussure + Amplitude / 10)

             ,random(3, rayEclaboussure + Amplitude/20));

      pop();

      //

    }

    //

  }

  //

  //Cliff

  push();

  noStroke();

  fill(150, 100, 105);

  quad(xCliff, 500,

       xCliff, 1080,

        1920, 1080,

        1920, 450, 

        )

  pop();

  //

  xBtn = x;

  Btn.position(xBtn,700);

  //

  if (Amplitude > 0){

    //

    push();

    fill(200,230,255);

    stroke(100, 180, 200);

    text('Amplitude : '+Amplitude, xBtn, 700);

    pop();

    //

  }

  //

  fish();

  //

  window.scrollTo(x-150,300);

  //window.scrollTo(xFish-250,300);

  //

  ScoreUpdate();

  if (!mouseIsPressed){

    //

    Jumping = false;

    //

  }

  //

}

function fish(){

  //

  //print('Jumping : '+ Jumping + ' - FishDepth : '+FishDepth);

  if (Jumping){

    //

    if (FishDepth>Depth0 -200){

      //

      FishDepth -= JumpStrengh;

      //

    }

    //print(FishDepth);

    //

  }else {

    //  

    if (abs(FishDepth - Depth0) > JumpStrengh){

      //

      FishDepth -= (FishDepth - Depth0)/abs(FishDepth - Depth0);

      //print(FishDepth);

      //

    }else{

      //

      FishDepth = Depth0;

      //

    }

    //

  }

  //  

  push();

  xT=xFish; yT=yFish;

  angleFish +=.1;

  //

  strokeWeight(5);

  for (noBone = NbBones - 1 ; noBone > 0 ; noBone --){

    //

    if(tabFish[noBone][0] != tabFish[noBone - 1][0] 

       || tabFish[noBone][1] != tabFish[noBone - 1][1] ){

      tabFish[noBone][0] = tabFish[noBone - 1][0];

      tabFish[noBone][1] = tabFish[noBone - 1][1];

    }

    //

  }

  if(tabFish[0] != [int(xFish),int(yFish) ]){

    tabFish[0] = [int(xFish),int(yFish) ];

  }

  //

  let AlphaFish = 2 * PI * ((xFish / 1920)*10);

  let FishHead = 160;

  AlphaJaws += Hunger;

  if (AlphaJaws > PI / 4 || AlphaJaws< 0){Hunger *= - 1;}

  //

  xFish += fishSpeed;

  yFish = FishDepth + 100 * sin(AlphaFish / 5);

  if(xFish > xCliff - FishHead - 20 || xFish < 50){

    //

    if(xFish < 50){xFish = 60;}else{xFish = xCliff - FishHead - 30;}

    fishSpeed *= -1;    

    //

  }

  //

  //Drawing the fish

  stroke(130,255,255);

  fill(60,230,230);

  if(fishSpeed>0){

    //Aileron

    oFish[0] = arc(int(tabFish[15][0] - fishSpeed / abs(fishSpeed) * (FishHead * 2/5 + FishHead / 4))

        ,tabFish[15][1] + 30 * sin(AlphaFish / 5+PI / 10) - int(FishHead * .5 / 2)

       ,FishHead , FishHead /2

       , - 3 * PI / 4

       , PI / 2);

    //Head

    oFish[1] = arc(xFish, yFish, FishHead, FishHead

        , -PI / 4 + AlphaFish / 40 + 2 * PI + AlphaJaws /4 

        , -PI / 4 + AlphaFish / 40 + 2 * PI - AlphaJaws);

    //Check food

    if (x - circleSize / 2 >= xFish 

        &&  x + circleSize / 2 <= xFish + FishHead / 2 

        && y  >= yFish - circleSize / 2

        && y <= yFish + circleSize / 2){

      //

      x = 0;

      y = 0;

      vScore++;

      speed = abs(speed);

      //

    }

    //Tail

    oFish[2] = arc(int(tabFish[20][0] - fishSpeed / abs(fishSpeed) * FishHead * 4.5 /5)

        , tabFish[20][1]+ 20 + 30 * sin(AlphaFish / 5+PI / 10)

        , int(FishHead * .5), int(FishHead * .5)

        ,  - 7 * PI / 8 

        , 11 * PI / 16);

    //Nageoire

    oFish[3] = arc(int(tabFish[15][0] - fishSpeed / abs(fishSpeed) * (FishHead * 2/5 + FishHead / 6))

        ,tabFish[15][1] + 30 * sin(AlphaFish / 5+PI / 10) + int(FishHead * .5 / 2)

       ,FishHead , FishHead /2

       , - 3 * PI / 4

       , 2 * PI / 3);

  }else{

    //Aileron

    oFish[0] = arc(int(tabFish[15][0] - fishSpeed / abs(fishSpeed) * (FishHead * 2/5 + FishHead / 4))

       , tabFish[15][1] + 30 * sin(AlphaFish / 5+PI / 10) - int(FishHead * .5 / 2)

       , FishHead , FishHead /2

       ,  3 * PI / 4

       , - PI / 4);

    //Head

    oFish[1] = arc(xFish, yFish

        , FishHead, FishHead

        , -PI / 4 + AlphaFish / 40 + PI + AlphaJaws

        , -PI / 4 + AlphaFish / 40 + PI - AlphaJaws / 4);

    //Check food

    if (x - circleSize / 2 >= xFish - FishHead / 2 

        &&  x + circleSize / 2 <= xFish 

        && y  >= yFish - circleSize / 2

        && y <= yFish + circleSize / 2){

      //

      x = 0;

      y = 0;

      vScore++;

      speed = abs(speed);

      //

    }

    //Tail

    oFish[2] = arc(int(tabFish[20][0] - fishSpeed / abs(fishSpeed) * FishHead * 4.5 / 5)

        , tabFish[20][1]+ 20 + 30 * sin(AlphaFish / 5+PI / 10)

        , int(FishHead * .5), int(FishHead * .5)

        , 3 * PI / 8 

        , - PI / 16);

    //

    //Nageoire

    oFish[3] = arc(int(tabFish[15][0] - fishSpeed / abs(fishSpeed) * (FishHead * 2/5 + FishHead / 6))

        ,tabFish[15][1] + 30 * sin(AlphaFish / 5+PI / 10) + int(FishHead * .5 / 2)

       ,FishHead , FishHead /2

       ,  PI / 4

       , 3 * PI / 2);

    //

  }

  //Body

  noStroke();

  oFish[4] = circle(int(tabFish[15][0] - fishSpeed / abs(fishSpeed) * FishHead * 2/5)

         ,tabFish[15][1]+ 30 * sin(AlphaFish / 5+PI / 10), int(FishHead * .75));

  //eye

  strokeWeight(10)

  stroke(255);

  fill(0

      );

  oFish[5] = circle(xFish - fishSpeed / abs(fishSpeed) * 1/8 *FishHead

        ,yFish - FishHead / 5, 30);

  //

  pop();

  xT=xFish; yT=yFish;

  push();

  translate(-xT,-yT);

  translate(xT,yT);

  //

  //rotat

  //translate(xT,yT);

  /**for (noFishBone = 0; noFishBone <=5; noFishBone++){

    //

    oFish[noFishBone].rotationx = angleFish;

    //

  }*/

    //oFish.rotate(2)

  pop();

  /*print('('+tabFish[1][0]+', '+tabFish[1][1]+')  ||  ('

           +tabFish[5][0]+', '+tabFish[5][1]+')');*/

  //

}

function ball() {

  //

  if (vTimerB > 0){

    //

    TimeB0 = frameCount;

    //

    //x = random(0, 100);

    y = int(y + (frameCount%FrameSpeed)*speed);

    x = int(x + (frameCount%FrameSpeed)*xSpeed);

    speed = speed + gravity;

    //    

    if (y >= 620 || (y < -60 && speed < 0)) {

      //reverse the speed

      speed = bouncy * speed;

    }

    //

  // if (y > 700) {

  //   //reverse the speed

  //   speed = bouncy * speed;

  // }

    //

    if (x > xCliff - circleSize) {

      //reverse the speed

      xSpeed = -2;

    }else    if (x < 0) {

      //reverse the speed

      xSpeed = 2;

    }

    //

  }

  vTimerB = frameCount - TimeB0;

  //

  //Comete queue

  if(TabBall[1][0]>-200){

    //

    push();

    strokeWeight(10);

    stroke(230,100,60,10);

    noStroke();

    fill(230,100,60,25);

    circle(TabBall[1][0], TabBall[1][1], circleSize-20);

    pop();

    //

    push();

    strokeWeight(10);

    stroke(230,100,60,10);

    fill(230,100,60,50);

    circle(TabBall[0][0], TabBall[0][1], circleSize-10);

    pop();

    //

  }

  push();

  stroke(255,180,130);

  fill(230,100,60);

  ellipse(x, y, circleSize, circleSize);

  pop();

  //

  push();

  fill(200,230,255);

  stroke(100, 180, 200);

  text('Ball x :' + x + ' y :'+y, x + 100, 700);

  text('speed  :' + speed, x + 100, 715);

  text('Framespeed  :' + FrameSpeed + '    (Etalonnage : ' + vEtalonnage + ')'

       , x + 100, 730);

  /*text(int(minute() * 60 + second() ) - vClock0, x + 100, 745);  

  text(minute() * 60 + ':'+ second() , x + 100, 760);*/

  pop();

}

​

function jump() {

  speed = -5;

}

​