var y=-20;

var x=200;

var speed = 2;

var score= 0;

var bg; 

​

function preload(){

    bg = loadImage("https://raw.githubusercontent.com/Rabbid76/graphics-snippets/master/resource/texture/background.jpg")

}  

​

​

function setup() {

  createCanvas(600, 400);

}

​

function draw() {

    background(bg)

    if(screen == 0){

    startScreen()

  }else if(screen == 1){

    gameOn()

  }else if(screen==2){

    endScreen()

  } 

}

​

function startScreen(){

        background(153, 153, 255)

        fill(255)

        textAlign(CENTER);

        text('WELCOME TO MY CATCHING GAME', width / 2, height / 2)

        text('click to start', width / 2, height / 2 + 20);

        reset();

}

​

function gameOn(){

    background(204, 51, 255)

  text("score = " + score, 30,20)

  ellipse(x,y,20,20)

  rectMode(CENTER)

  rect(mouseX,height-10,50,30)

    y+= speed;

  if(y>height){

    screen =2

     }

  if(y>height-10 && x>mouseX-20 && x<mouseX+20){

    y=-20

    speed+=.5

    score+= 1

  }

    if(y==-20){

    pickRandom();

  }

}

​

function pickRandom(){

    x= random(20,width-20)

}

​

function endScreen(){

        background(0, 153, 204)

        textAlign(CENTER);

        text('GAME OVER', width / 2, height / 2)

}

​

function mousePressed(){

    if(screen==0){

    screen=1

  }else if(screen==2){

    screen=0

  }

}

​

function reset(){

      score=0;

    speed=2;

    y=-20;

}

​