KAG教學---extrans.dll前篇，圖層切換(2)

(建議在閱讀本篇教學之前，請先閱讀KAG教學---載入插件，loadplugin) 

有沒有更華麗的圖層切換效果?我總覺得之前介紹的效果太平淡。>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<若果想要其他圖層切換效果，可以使用吉里吉里提供了的插件extrans.dll，裡面有七種圖層切換效果可使用，分別是波浪形(wave)、馬賽克(mosaic)、翻頁(turn)、旋轉放大縮小(rotatezoom)、旋轉消失(rotatevanish)、旋轉交替(rotateswap)、波紋(ripple)。

(k ﾟ∀ﾟ)<載入插件的方法可參考KAG教學---載入插件，loadplugin 這教學。

(k ﾟ∀ﾟ)<首先第一個介紹的是wave，跟之前一樣把method設定為wave，並且加上time屬性來設定切換所需的時間，以微秒(ms)為單位，看看以下的範例。

[loadplugin module="extrans.dll"] [position page=fore layer=message0 left=0 top=320 height=160 width=640] [image storage="bg1" page=fore layer=base] 圖層切換之前[p][cm] [backlay] [image storage="bg2" page=back layer=base] [trans method=wave time=3000] [wt] 圖層切換之後

(k ﾟ∀ﾟ)<wave的效果是畫面會變成波浪形，而wave有多個專用的屬性來設定波浪形的效果，波浪變化的方法可用wavetype來設定，wavetype可設定為0,1,2三種數值，預設值是0，不同的數值代表不同的波浪變化，以下是範例。

[loadplugin module="extrans.dll"] [position page=fore layer=message0 left=0 top=320 height=160 width=640] [image storage="bg1" page=fore layer=base] 圖層切換之前[p][cm] [backlay] [image storage="bg2" page=back layer=base] [trans method=wave wavetype=1 time=3000] [wt] 圖層切換之後

到底這三種有什麼分別?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<建議大家自己嘗試這三種，看看有什麼分別，因為用文字難以描述這些分別。

(k ﾟ∀ﾟ)<而maxh和maxomega則可調整波的最大振幅和最大角頻率。

什麼是振幅和角頻率?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<簡單來說，振幅是指波的最大高度，以pixel為單位，預設值為50。而角頻率則是可調整波的頻率，數值越小，波與波之間的距離越大，以rad/pixel為單位，預設值為0.2。以下是範例。

[loadplugin module="extrans.dll"] [position page=fore layer=message0 left=0 top=320 height=160 width=640] [image storage="bg1" page=fore layer=base] 圖層切換之前[p][cm] [backlay] [image storage="bg2" page=back layer=base] [trans method=wave maxh=100 maxomega=0.05 time=3000] [wt] 圖層切換之後

話說當圖層切換時畫面兩邊出現了一些黑色背景，可不可以改掉這黑色背景?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<當然可以啦，不過wave比較特別，有bgcolor1和bgcolor2來設定最初和最後背景顏色，以0xRRGGBB形式來指定其顏色，當bgcolor1和bgcolor2指定的顏色不同的話，顏色會有漸變效果，以下是範例。

[loadplugin module="extrans.dll"] [position page=fore layer=message0 left=0 top=320 height=160 width=640] [image storage="bg1" page=fore layer=base] 圖層切換之前[p][cm] [backlay] [image storage="bg2" page=back layer=base] [trans method=wave bgcolor1=0xCCCCCC bgcolor2=0xCCCCCC time=3000] [wt] 圖層切換之後

(k ﾟ∀ﾟ)<下一個介紹的效果是mosaic，也就是馬賽克，以下是範例。

[loadplugin module="extrans.dll"] [position page=fore layer=message0 left=0 top=320 height=160 width=640] [image storage="bg1" page=fore layer=base] 圖層切換之前[p][cm] [backlay] [image storage="bg2" page=back layer=base] [trans method=mosaic time=3000] [wt] 圖層切換之後

(k ﾟ∀ﾟ)<除了用time屬性來設定切換所需的時間，還可用maxsize設定最大的pixel大小，預設值為30，以下是範例。

[loadplugin module="extrans.dll"] [position page=fore layer=message0 left=0 top=320 height=160 width=640] [image storage="bg1" page=fore layer=base] 圖層切換之前[p][cm] [backlay] [image storage="bg2" page=back layer=base] [trans method=mosaic maxsize=10 time=3000] [wt] 圖層切換之後

(k ﾟ∀ﾟ)<不過留意的是maxsize數值會影響pixel變化的速度。

(k ﾟ∀ﾟ)<之後介紹的效果是turn，效果好像紙牌一樣翻轉，以下是範例。

[loadplugin module="extrans.dll"] [position page=fore layer=message0 left=0 top=320 height=160 width=640] [image storage="bg1" page=fore layer=base] 圖層切換之前[p][cm] [backlay] [image storage="bg2" page=back layer=base] [trans method=turn time=3000] [wt] 圖層切換之後

啊!這個效果經常在不少遊戲見到!>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<是的，不過有點可惜的是，turn沒有什麼東西可設定，只有bgcolor來設定翻轉時的背景顏色，以下是範例。

[loadplugin module="extrans.dll"] [position page=fore layer=message0 left=0 top=320 height=160 width=640] [image storage="bg1" page=fore layer=base] 圖層切換之前[p][cm] [backlay] [image storage="bg2" page=back layer=base] [trans method=turn bgcolor=0xCCCCCC time=3000] [wt] 圖層切換之後

(k ﾟ∀ﾟ)<今回就介紹到這裡，下次再介紹剩下的效果。