KAG教學---請立繪登場，顯示前景(1)

(k ﾟ∀ﾟ)<今回要教顯示前景，AVG的前景主要是以立繪為主。

......>( ﾟωﾟ s)

你手上的是什麼東西?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<我畫的立繪......

為什麼拿這種東西出來>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<因為要教前景嘛。

......>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<正如剛才所說的，AVG遊戲的前景主要是以立繪為主，而我們同樣使用image來顯示它的。

是不是和上次的背景顯示一樣，改一改layer為0就可以，例如這樣。>( ﾟωﾟ s)

[image storage="fg1" page=fore layer=0]
立繪出現了?

為什麼沒有出現的......>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<這是新手經常會有的錯誤，這是由於image中visible屬性的預設值，當顯示背景的時候 (即是layer=base)，visible的被忽略的，不論有否也不會有影響，但當顯示前景時，由於visible的預設值是false，即是不顯示，所以要加上visible屬性才能顯示出來，以下是範例。

[image storage="fg1" visible=true page=fore layer=0]
立繪出現了?

先不談論你為什麼硬是要用你的立繪來做範例......為什麼會出現白色的部分>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<因為我們還沒有設定透明。眾所周知，一般AVG遊戲不會有這白色的部分，我們一向是看到立繪本體而其他部分則是透明。

(k ﾟ∀ﾟ)<通常有三種方法處理透明的情況，一是使用透明色，二是遮罩，即是使用遮色片，三是使用png檔案。

(k ﾟ∀ﾟ)<首先先介紹透明色，吉里吉里會把其中一種顏色指定為透明色，凡是這顏色的部分就顯示為透明。

(k ﾟ∀ﾟ)<通常我們會使用綠色(RGB值為0,255,0)、紅色(RGB值為255,0,0)等純色為透明色，因為這些顏色在圖像中極少用到，把你希望透明的部分塗成這種顏色，就像以下的模樣。

(k ﾟ∀ﾟ)<然後我們可以在image中加上key這個屬性，並寫上指定的透明色，數值以0xRRGGBB形式表示。或者是寫上key=adapt，這時吉里吉里會以左上角這一點的顏色為透明色。

(k ﾟ∀ﾟ)<以下是範例。

[image storage="fg3" key=0x00FF00 visible=true page=fore layer=0]
立繪出現了?[p][cm]
[image storage="bg1" page=fore layer=base]
加上背景

(k ﾟ∀ﾟ)<設定透明色的方法是十分方便，不過相對地邊緣鋸齒的處理能力較為差。

我也看到明顯的白色邊緣!>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<要消除這些白色雜點是非常消耗精力和時間。如果希望有較好的邊緣鋸齒處理效果。可以使用遮罩的方法。

(k ﾟ∀ﾟ)<相對於透明色，遮色片方法需要準備的東西較多，我們除了立繪圖之外，還需要一張遮色片，圖片上每一點的灰階度代表著該點的透明度，黑色代表完全透明，白色代表完全不透明，灰階度越高，透明度越低。

(k ﾟ∀ﾟ)<不過請留意一下，遮色片的檔案名稱一定要是 xxx_m (xxx是立繪圖的檔案名稱) ，還有兩者圖片的高度和寬度必須一樣。就像以下的模樣。

(k ﾟ∀ﾟ)<使用遮色片時並不需要key這個屬性，亦沒有其他屬性需要設定，吉里吉里會自動尋找遮色片的檔案。以下是範例。

[image storage="fg1" visible=true page=fore layer=0]
立繪出現了?[p][cm]
[image storage="bg1" page=fore layer=base]
加上背景

(k ﾟ∀ﾟ)<最後一種是使用png檔案自帶的透明色，吉里吉里支援很多圖像檔案類型，包括常見的BMP、JPEG、PNG檔案，還有TGL5、TGL6和ERI檔案(Entis Rasterized Image format)......啊......不過會使用ERI的人極少。

(k ﾟ∀ﾟ)<吉里吉里支援png檔案，所以我們只要在png檔案上處理透明部分就可以。以下是範例。

[image storage="fg4" visible=true page=fore layer=0]
立繪出現了?[p][cm]
[image storage="bg1" page=fore layer=base]
加上背景

(k ﾟ∀ﾟ)<雖然使用png檔案十分方便，不過png檔案是眾多檔案類型當中讀取速度最慢，如果著重讀取速度的話，請不要使用png檔案。

為什麼這立繪每次都站在左邊，而且如果多個立繪要怎麼辦?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<這些問題留待下回解答，下回再見。