KAG教學---生活在文字圖層的按鈕，選項(2)

(建議在閱讀本篇教學之前，請先閱讀KAG教學---分歧，選項(1)、KAG教學---請立繪登場，顯示前景(1)、KAG教學---自由自在的文字，文字顯示(3) )

(k ﾟ∀ﾟ)<上次簡單地介紹了純文字式選項，今次介紹按鈕式選項，簡單來說，按鈕式選項就是圖像模樣的選項，不一定真的要長得像一個按鈕一樣才行，例如圖示也可以，甚至立繪或SD立繪也可以用來作按鈕式選項。

(k ﾟ∀ﾟ)<不過首先要做些事前準備，我們要製作一個按鈕。

製作按鈕?不是只要繪畫一個按鈕就可以嗎?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<我們在製作的時候，必須要同時製作一張有3個按鈕模樣的圖像，就像以下的圖像。

(k ﾟ∀ﾟ)<在吉里吉里使用按鈕時，吉里吉里會自動把這圖像分割成三等份，變成一個按鈕，左邊的是普通狀態的按鈕，中間的是點擊時的按鈕，右邊的是滑鼠放在按鈕上時的按鈕。

(k ﾟ∀ﾟ)<我們會使用[button]來設定按鈕，[button]會在文字圖層顯示一個按鈕。

咦!? 文字圖層? 按鈕明明是由圖像製作出來的，不是應該放在前景圖層嗎?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<這是需要留意的，由於是文字圖層，所以用不到一些前景圖層的功能。

(k ﾟ∀ﾟ)<使用[button]時，我們必須用graphic屬性指定圖像檔案，並且以target屬性來指定想跳到的標籤(label)，就像以下的範例。

[button graphic="choice1" target=*select1]

(k ﾟ∀ﾟ)<當玩家按下選項時，就會跳到指定的劇本位置，以下是較詳細的範例，按鈕是使用上面的這個圖像。

[image storage="bg1" page=fore layer=base] 以下是按鈕。[p][cm] [cm] [button graphic="choice1" target=*select1] [s] *select1 [cm] 這是選項1。

當玩家按下選項時，就會跳到*select1嗎?跟上次介紹的[link] 十分相似哦。>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<跟[link]一樣，[button]亦可以連結到其他ks檔案，我們使用storage就可以設定想連結到的ks檔案，當只設定了storage而忽略target，吉里吉里會跳到檔案開頭，相反如果只設定了target而忽略storage，吉里吉里會在同一檔案尋找指定的標籤。

(k ﾟ∀ﾟ)<當然還有一個跟[jump]一樣的屬性countpage，設定當[link]跳到某標籤時，此標籤是否設定成「已讀」，預設值是true，不過這屬性沒有什麼用途，如果有需要的話可以參考一下。

(k ﾟ∀ﾟ)<由於以上的東西大致上跟[link]一樣，所以不寫這些的範例了，大家可參考上一篇。

唔......既然按鈕是個圖像，即是可以設定透明部分吧?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<嗯，正如[image]一樣，我們可設定透明色，或是使用遮色片，設定透明色的話可以用graphickey屬性，用法與[image]的key一樣，數值以0xRRGGBB形式表示，使用方法可參考KAG教學---請立繪登場，顯示前景(1)。

(k ﾟ∀ﾟ)<不過當我們設定透明部分的時候，實際上透明部分還是判定為按鈕的一部分，這時可用recthit屬性設定透明部分是否判定為按鈕，預設值為true。當true的時候，按鈕就會判定為一個矩形，當false的時候，透明度低於64的部分將會不被判定為按鈕，以下是範例。

[image storage="bg1" page=fore layer=base] 以下是按鈕。[p][cm] [cm] [button graphic="choice1" target=*select1 recthit=false] [s] *select1 [cm] 這是選項1。

為何範例中只有一個按鈕?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<因為顯示兩個按鈕就要介紹到位置的問題，由於按鈕是屬於文字圖層，吉里吉里把按鈕當成文字一樣來顯示，我可使用[r]、[locate]等來設定位置，不過設定位置時要小心，不要把按鈕重疊，若果不設定任何位置，兩個按鈕就會完全地重疊起來，以下是範例。

[image storage="bg1" page=fore layer=base] 以下是按鈕。[p][cm] [cm] [locate x=120 y=140] [button graphic="choice1" target=*select1] [locate x=120 y=210] [button graphic="choice2" target=*select2] [s] *select1 [cm] 這是選項1。[l] [jump target=*common] *select2 [cm] 這是選項２。[l] [jump target=*common] *common [cm] 回到共通路線。

(k ﾟ∀ﾟ)<不過按鈕的語法不太難，反而應用的時候就經常出現問題。而且製作按鈕圖像也花費不少時間，所以一般只會用在系統按鈕，或者是選項十分少的情況。

(k ﾟ∀ﾟ)<看來要找機會介紹按鈕的應用，今次先到這裡，下次再見。