// Cloned by Lilly Onilenla on 8 Dec 2022 from World "Rainfall Catch" by Emma Casey 
// Please leave this clone trail here.
 
var screen = 0;
var y=-20;
var x=200;
var speed = 2;
var score= 0;
var bucketX = 400;
var img;
var img2;
var img3;
var img4;
var img5;

function setup() {
  createCanvas(1366, 625);
  img=loadImage('/uploads/emma7/1670372982.png')
  img2=loadImage('/uploads/emma7/1670419542.png')
  img3=loadImage('/uploads/emma7/1670420735.png')
  img4=loadImage('/uploads/emma7/raindrop.png')
  img5=loadImage('/uploads/emma7/bucket.png')
}

function draw() {
    image(img,0,0,1366,625)
	if(screen === 0){
    startScreen()
  }else if(screen == 1){
  	gameOn()
  }else if(screen==2){
  	endScreen()
  }	
}


function startScreen(){
	    background('rgba(100%,0%,100%,0.5)');
		fill(300)

		textAlign(CENTER);
		text("Rainfall Catch",683,312.5) //position is half of canvas 
		textSize(45);
		text("Tap on the screen to start",683, 400);
		reset();
}

function keyPressed() {
  if (keyIsDown(LEFT_ARROW)) {
    bucketX = bucketX - 35;
  } else if (keyIsDown(RIGHT_ARROW)) {
    bucketX = bucketX + 35;
  }

}
  
if (bucketX >= 600){
   bucketX = 0; 
  }

function gameOn(){
  image(img2,0,0,1366,625)
  text("score = " + score, 125, 60)
  image(img4,x,y,25,20)
  rectMode(CENTER)
  image(img5,bucketX,600,70,70) //box catching it

	y+= speed;
  if(y>height){
  	screen =2
	 }
  if(y>height-10 && x>bucketX-20 && x<bucketX+20){
  	y=-20
    speed+=.5 // gets faster each time it comes down by .5
    score+= 1
  }
	if(y==-20){
  	pickRandom();
  }
}

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

function endScreen(){
		image(img3,0,0,1366,625)
		textAlign(CENTER);
		text('GAME OVER',683,250)
  	    text("SCORE = " + score,683, 300)
		text('Tap the screen to play again',683, 350);
}

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

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