Help with Shapes overlapping

Processing Beginners
1

So the way I want this to work is making it so if the user clicks they get taken to their lock screen, however, when I click the screen is over all of the content that’s supposed to be displayed.

size(1000,1000);
background(255,255,255);

f = createFont("Arial",70,true); 
g = createFont("Arial",16,true);
h = createFont("Arial",16,true);

// back of phone

fill(0,0,0);
rect(300,300,344,544,30);

// home button

strokeWeight(3);
stroke(255,255,255);
ellipse(477,819,30,30);
rect(471.5,813,10,10);
	

strokeWeight(1);
stroke(0,0,0);

// camera

stroke(255,255,255);
strokeWeight(10);
point(430,322);
strokeWeight(5);
line(450,322,510,322);
point(474,312);

// screen

int value = 0;

void draw() {
fill(value);
rect(330,340,285,450,30);

}

void mouseClicked() {
	if (value == 0) {
    value = 255;
  } else {
    value = 0;
  }
}


// clock

strokeWeight(3);
stroke(0,0,0);
fill(190,197,222);
ellipse(540,420,100,100);
line(540,420,540,380);
line(540,420,570,417);

// greeting

textFont(f,70);
Pfont f;
fill(0,0,0);
text("Hello!",390,600);


// other text

// swipe to unlock

textFont(g,16);
Pfont g;
fill(171,178,188);
text("swipe to unlock",420,745);

// Thursday, June 14

textFont(h,16);
Pfont h;
fill(0,0,0);
text("Thurs, June 14",360,430);
2

Edit your post, select your code and hit </> button to properly format your code.

You don’t have a draw() and setup() function. Please run some examples under Files>>Examples in the PDE, check the Processing site’s examples and also check the reference : draw and setup keywords.

Kf

3

I’d love to work with you on this if you still need assistance, can you please be a bit more specific on what you mean? Thanks