# Help with Shapes overlapping

**URL:** https://discourse.processing.org/t/help-with-shapes-overlapping/967
**Category:** Beginners
**Created:** [June 14, 2018, 5:01pm UTC](https://discourse.processing.org/t/help-with-shapes-overlapping/967 "2018-06-14T17:01:25Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![RennyGH](https://avatars.discourse-cdn.com/v4/letter/r/b487fb/32.png) [@RennyGH](https://discourse.processing.org/u/RennyGH)
#### Post date: [June 14, 2018, 5:01pm UTC](https://discourse.processing.org/t/help-with-shapes-overlapping/967/1 "2018-06-14T17:01:26Z")

</div>

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.

```auto
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);

```

---

<div class="post-metadata">

### Author: ![kfrajer](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kfrajer/32/196_2.png) [@kfrajer](https://discourse.processing.org/u/kfrajer)
#### Post date: [June 16, 2018, 2:27pm UTC](https://discourse.processing.org/t/help-with-shapes-overlapping/967/2 "2018-06-16T14:27:46Z")

</div>

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](https://processing.org/examples/) and also check the [reference](https://processing.org/reference/) : draw and setup keywords.

Kf

---

<div class="post-metadata">

### Author: ![EnhancedLoop7](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/enhancedloop7/32/1040_2.png) [@EnhancedLoop7](https://discourse.processing.org/u/EnhancedLoop7)
#### Post date: [August 7, 2018, 12:38am UTC](https://discourse.processing.org/t/help-with-shapes-overlapping/967/3 "2018-08-07T00:38:07Z")

</div>

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