NOCBOL ~本店營業中~: KAG教學---翻轉．陰影．截取，顯示前景(4)

終於又介紹前景了嗎?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<對呀，但由於[image]其餘的東西太零碎，不知從哪裡開始介紹好。

(k ﾟ∀ﾟ)<今次介紹一些不太常用，但需要時可能幫倒忙的[image]屬性。

(k ﾟ∀ﾟ)<首先介紹的屬性是flipud，用途是把圖像上下翻轉，以下是範例。

[position page=fore layer=message0 visible=false]
;Before
[image storage="bg1" page=fore layer=base]
[image storage="fg1" pos=center visible=true page=fore layer=0]
[p][cm]
;After
[image storage="bg1" flipud=true page=fore layer=base]
[image storage="fg1" flipud=true pos=center visible=true page=fore layer=0]

(k ﾟ∀ﾟ)< flipud 的預設值是false，當其數值為true時，圖像就會上下翻轉。

(k ﾟ∀ﾟ)<有上下翻轉當然同樣亦有左右翻轉，我們可以使用fliplr來把圖像左右翻轉，以下是範例。

[position page=fore layer=message0 visible=false]
;Before
[image storage="bg1" page=fore layer=base]
[image storage="fg1" pos=center visible=true page=fore layer=0]
[p][cm]
;After
[image storage="bg1" fliplr=true page=fore layer=base]
[image storage="fg1" fliplr=true pos=center visible=true page=fore layer=0]

......看來你要努力練習一下如何畫立繪，對照之下，立繪傾斜得很明顯。>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<......事實上，左右翻轉可以用在側面的立繪，轉變其面向的方向。至於上下翻轉就真的不太常使用得到了。

(k ﾟ∀ﾟ)<當fliplr數值為true時，圖像就會左右翻轉。

(k ﾟ∀ﾟ)<下一個要介紹的是在圖像旁邊加上陰影，是個令人玩味的功能，往往在出乎意料的地方使用。

(k ﾟ∀ﾟ)<使用時加上shadow這屬性，shadow這屬性只能用在前景圖層，亦要留意shadow指定的是顏色，即是以0xRRGGBB形式來指定其顏色，以下是範例。

[position page=fore layer=message0 visible=false]
;Before
[image storage="bg2" page=fore layer=base]
[image storage="fg1" pos=center visible=true page=fore layer=0]
[p][cm]
;After
[image storage="fg1" shadow=0x000000 pos=center visible=true page=fore layer=0]

(k ﾟ∀ﾟ)<除了顏色之外，我們還可以修改陰影的其他設定，例如陰影的透明度，可以使用shadowopacity來設定其透明度，數值由0至255，預設值是200，數值是0代表完全透明，255代表完全不透明，以下是範例。

(k ﾟ∀ﾟ)<我們亦可以修改陰影的位置，shadowx 和shadowy 可設定陰影的相對位置，即是以原本圖像的位置為標準來設定其位置，以下是範例。

(k ﾟ∀ﾟ)<shadowx 和shadowy的數值可以任何正負整數，以pixel為單位，其預設值皆是10。

總覺得這不太像陰影，如果能模糊一點會比較好。>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<這種情況我們可用shadowblur來修改陰影的模糊程度，以下是範例。

(k ﾟ∀ﾟ)<shadowblur的數值可接受0或以上的正整數，其預設值是3，數值越大，陰影的模糊程度越高。

(k ﾟ∀ﾟ)<下一個介紹的是截取圖像的某一部分，我們會使用clipleft、cliptop、clipwidth 和clipheight 這四個屬性來選取被截取的區域，clipleft 和cliptop 設定截取區域左端和上端的位置，而clipwidth 和clipheight設定截取區域的寬度和高度，以下是範例。

[position page=fore layer=message0 visible=false]
;Before
[image storage="bg2" page=fore layer=base]
[image storage="fg1" pos=center visible=true page=fore layer=0]
[p][cm]
;After
[image storage="fg1" clipleft=0 cliptop=0 clipwidth=376 clipheight=400 pos=center visible=true page=fore layer=0]

(k ﾟ∀ﾟ)<在一般AVG遊戲中，可能用到這功能的情況不多，其中一個用途是把圖像製造成捲軸式動畫的模樣，這種方法經常應用於ED的動畫上。

(k ﾟ∀ﾟ)<今次最後一個介紹的是index，如果有看過之前介紹的[layopt]的話，相信會知道index是用來幹嘛，index用來設定圖層顯示順序的索引值，一般情況下，文字圖層會顯示在前層圖層的上面，這順序其實可以修改的，索引值越大，圖層就會位於越上層，不過由於難以得知修改後圖層的索引值，所以如非必要，不要隨便修改它，否則順序會變得混亂，其索引值可參考吉里吉里教學---圖層中的索引值。以下是範例。

[position page=fore layer=message0 left=0 top=320 height=160 width=640]
;Before
[image storage="bg2" page=fore layer=base]
[image storage="fg1" pos=center visible=true page=fore layer=0]
[p][cm]
;After
[image storage="fg1" index=1010000 pos=center visible=true page=fore layer=0]

那樣立繪遮蔽了對話框的話，我豈不是看到對話框的內容嗎?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<index其中一個主要的用處是把前景圖層放到文字圖層的前面，例如在對話框旁邊加上頭像等，之後有機會的話會再介紹給大家。

(k ﾟ∀ﾟ)<看來差不多了，下次會用整篇介紹[image]的mode屬性，下次再見。