var screen = 0;
var y=-20;
var x=200;
var speed = 2;
var score= 0;
var bucketX = 400;


function setup() {
  createCanvas(600, 400);
}

function draw() {
	if(screen == 0){
    startScreen()
  }else if(screen == 1){
  	gameOn()
  }else if(screen==2){
  	endScreen()
  }	
}

function startScreen(){
		background(96, 157, 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 keyPressed() {
  if (keyIsDown(LEFT_ARROW)) {
    bucketX = bucketX - 40;
  } else if (keyIsDown(RIGHT_ARROW)) {
    bucketX = bucketX + 40;
  }
}
  
if (bucketX >= 400){
   bucketX = 0; 
  }


function gameOn(){
	background(0)
  text("score = " + score, 30,20)
  ellipse(x,y,20,20)
  rectMode(CENTER)
  rect(bucketX,height-5,80,30)
	y+= speed;
  if(y>height){
  	screen =2
	 }
  if(y>height-10 && x>bucketX-20 && x<bucketX+20){
  	y=-20
    speed+=.5
    score+= 1
  }
	if(y==-20){
  	pickRandom();
  }
}


function pickRandom(){
	x= random(20,width-20)
}

function endScreen(){
		background(150)
		textAlign(CENTER);
		text('GAME OVER', width / 2, height / 2)
  	text("SCORE = " + score, width / 2, height / 2 + 20)
		text('click to play again', width / 2, height / 2 + 40);
}

function mousePressed(){
	if(screen==0){
	(screen=1)
  }else if(screen==2){
  	screen=0
  }
}


function reset(){
	  score=0;
  	speed=2;
  	y=-20;
}