Sangmo 互動技術 Week13

遊戲主畫面

找背景圖，美術圖，及按鈕(美術圖和按鈕要去背)

程式碼:

void StartScreen()
{
  background(255);
  image(mainuiImg,0,0,width, height);
  image(mainpic1,415,100,400, 200); ///美觀主畫面用
  image(stbuttonImg1, 450, 450, 300, 100);///(x座標,y座標,寬度,高度)
  if (mouseX > 450 && mouseX < 730 && mouseY > 450 && mouseY < 560)tint(#95948F, 255);// 透明度(顏色,透明度(0 為完全透明，255 為完全不透明))
  image(stbuttonImg2, 434, 445, 327, 110);
  noTint();
}

這樣可以實現滑鼠移動到按鈕上時就會切換圖片並讓按鈕變灰

更好讓玩家察覺到自己碰到按鈕了

未碰觸畫面

碰觸後畫面
按鈕外框並不會變灰，這樣能讓有更有碰到按鈕的感覺