2011年5月21日星期六

KAG教學---image出沒注意,顯示背景(1)


(k ゚∀゚)<今次介紹如何顯示背景,背景顯示的重要性僅次於文字顯示,一個AVG遊戲可以沒有立繪,不過不能沒有背景。

沒有立繪!? 真的有這種遊戲嗎......?>( ゚ω゚ s)

(k ゚∀゚)<有的,不過一般是電子小說類,例如日本同人團體Stage Nana製作的同人遊戲Narcissu,沒有立繪,只有插圖,是一個值得各位的例子。

(k ゚∀゚)<回到正題,KAG提供[image]這個功能來顯示圖像,不論是背景和前景都會用到。

什麼是前景?>( ゚ω゚ s)

(k ゚∀゚)<這就要去介紹吉里吉里的圖層架構,以下是官方解釋圖層的圖片。



















(k ゚∀゚)<吉里吉里中有3種圖層,背景圖層、前景圖層和文字圖層,背景圖層是最下層的圖層,前景圖層是介乎於背景圖層和文字圖層之間,一般主要顯示立繪,或者是非背景類插圖例如SD。而最上層則是文字圖層(正確來說應該稱之為message layer信息圖層,不過用文字圖層比較容易理解。)。

(k ゚∀゚)<另外,我們可以建立多個前景圖層和文字圖層,例如這裡有3個立繪,我們可以使用前景圖層0、前景圖層1和前景圖層2來暫存和顯示這3個立繪。

(k ゚∀゚)<把它們疊起來就是平時常見的AVG遊戲模樣。

(k ゚∀゚)<今回我們先講解一下顯示背景,以下是範例。

[image storage="bg1" page=fore layer=base]
我是文字圖層

















為什麼有塊黑色半透明的東西?>( ゚ω゚ s)

(k ゚∀゚)<這個就是文字圖層,這次是我們第一次看清楚文字圖層的真正樣子,不過一般AVG遊戲較常看到對話框型式的文字圖層,上述文字圖層的型式常用於文章模式的AVG遊戲。

(k ゚∀゚)<另外如果看一看範例,能夠看到在[image]有storage和layer兩個屬性,而這兩個屬性是必須的,storage是檔案名稱或路徑,若果只寫上檔案名稱,吉里吉里會在startup.tjs位於的目錄,或在Initialize.tjs所設定的目錄尋找,所以如果你使用自定的資料夾來放置你的檔案,請寫上它的路徑。

(k ゚∀゚)<不過為了整齊,我建議大家把背景圖的檔案放在bgimage的目錄內,方便整理。

(k ゚∀゚)<而layer則是決定把圖片擺放在哪個圖層,可設定於"base"或 0以上的整數,如設定於"base"就是背景圖層,反之就是前景圖層。

那麼page=fore是什麼東西?>( ゚ω゚ s)

(k ゚∀゚)<page是設定它是前頁面(表ページ)還是後頁面 (裏ページ),你可以想像成一個舞台,前頁面(表ページ)是舞台,放在這裡的東西馬上被玩家看到,而後頁面 (裏ページ)是後台,為出場而準備,後頁面 (裏ページ)可以作為一個緩衝區,令畫面更加流暢。

(k ゚∀゚)<page=fore是前頁面,page=back是後頁面。

(k ゚∀゚)<有一件事情要注意的,請吉里吉里預設的視窗大小是640x480,如你的背景圖不是640x480的話,請修改Config.tjs內scWidth和scHeight的數值。

(k ゚∀゚)<時間也差不多,下回開始談顯示前景。

3 則留言:

  1. 老師我有問題0v0(喂
    想請問您,要如何修改文字圖層的大小參數呢~

    回覆刪除
  2. [position]裡有height和width兩個屬性可以修改文字圖層的高度和寬度,
    詳細的可以參考http://kibitz2550.blogspot.com/2011/06/kag-1.html

    回覆刪除
  3. 感謝~努力的學習中~(雖然沒啥成果

    回覆刪除