當滑鼠移上按鈕，咻，按鈕變色了。當滑鼠離開按鈕，咻，按鈕又變回來了。
藉由這樣的效果，可以讓玩家清楚感受到這是一個可點選的按鈕。
要如何製作這樣的效果呢?

imagebutton

難度：簡單

1
2
3
4

Imagebutton:
    idle "滑鼠離開時照片"
    hover "滑鼠移上時照片"
    action NullAction()

參閱官網只要設定屬性idle及hover即可，要注意的一點是，必須要有任意Action，變色效果才會顯現出來。
如果不打算有任何Action，則使用NullAction吧，此方法就是為了變色而設立的。

textbutton

難度：中等 參閱官網在options.rpy當中，有欄位為

1
2

widget_text = "滑鼠離開時顏色",
widget_selected = "滑鼠移上時顏色",

設定好後，textbutton的變色就會依照此設定來做調整囉。
缺點是不能在任意的textbutton指定變數顏色，如果今天有兩個textbutton，想指定為

  1. textbutton1 滑鼠移上紅色 滑鼠離開白色
  2. textbutton2 滑鼠移上藍色 滑鼠離開白色

在此方法中是無能為力的。

button

難度：困難，但textbutton或imagebutton也可用此方法來變色，最萬用。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

Screen button_test:
    default myhover = False
    button:
        action SetScreenVariable("myhover", False)
        hovered SetScreenVariable("myhover", True)
        unhovered SetScreenVariable("myhover", False)
        if myhover:
          image "滑鼠移上時照片"
          text ("YA") color "滑鼠移上時顏色"
        else:
          image "滑鼠離開時圖片"
          text ("YA") color "滑鼠離開時顏色"

在Screen Language當中，可以使用defalut這個字眼來定義專屬於某個Screen的變數，並且可使用SetScreenVariable此Action來指定變數值。
所以只要指定，在滑鼠移上時，變數值為True，滑鼠離開時，變數值為False。
最後再根據True/False之值，來決定畫面上要顯示什麼即可。

另外，除了if else寫法以外，單純圖片變色也可以使用ConditionSwitch這個函式

1
2

image ConditionSwitch( myhover, "滑鼠移上時圖片",
                        True, "滑鼠離開時圖片")