FMS-application/mainScreen.js at main · JLCurtsinger/FMS-application · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
const mainScreen = () => {
  noStroke();
  background("#2CDAFB");
  fill("#9AEFFF");
  triangle(0, -100, 0, height, width / 2, height);

  fill("white");
  triangle(0, -100, width / 3, -100, width / 5.92, 200);

  rect(width / 2 - 100, height / 2 - 230, 200, 50);
  rect(width / 2 - 100, height / 2 - 130, 200, 50);
  rect(width / 2 - 100, height / 2 - 30, 200, 50);
  rect(width / 2 - 100, height / 2 + 70, 200, 50);

  point(width / 2, height / 2);
  // rect(30, height - 80, 100, 50);

  fill("black");
  text("Draw A Shape", width / 2, height / 2 - 200);
  text("Typing", width / 2, height / 2 - 100);
  text("Click And Drag", width / 2, height / 2);
  text("Pop The Bubbles", width / 2, height / 2 + 100);
  // text("MENU", 75, height - 50);
  textSize(20);
  textStyle(BOLD);
  textAlign(CENTER);
};