binhun - week12

 開始繼續製作期中的迷宮作品有很多想法，要做個介面還有新的地圖，先從介面的地方開始

void displayHomePage() {
  background(200);
  fill(0);
  textAlign(CENTER, CENTER);
  PFont myfont=createFont("細明體", 24);
  image(img, 0, 0, width, height);
  textSize(24);
  textFont(myfont);
  fill(155, 155, 155);
  rect(width / 2 - 51, height / 2 - 40, 100, 30);  // 迷宮遊戲格子
  fill(0, 0, 0);
  text("迷宮遊戲", width / 2, height / 2 - 27.5);
  fill(128, 138, 135);
  textSize(20);
  text("選擇關卡:", width / 2, height / 2 + 5 );
  fill(100, 100, 255);
  rect(width / 2 - 60, height / 2 + 20, 50, 30);  // 第一關按鈕
  fill(255, 100, 100);
  rect(width / 2 + 10, height / 2 + 20, 50, 30);// 第二關按鈕
  fill(255, 255, 0);
  rect(width / 2 -20, height / 2 + 75, 50, 30);
  fill(0);
  textSize(14);
  text("第一關", width / 2 - 35, height / 2 + 35);
  text("第二關", width / 2 + 35, height / 2 + 35);
  text("第三關", width / 2 +  6, height / 2 + 90);
}

調整位置比較麻煩所以花了比較多的時間