2012年10月12日 星期五

Flash : 用 menu.swf 幫 phonetics_quiz 做選單

我那些帶有設定檔的 Flash 小工具,大部份都可以透過傳入一個名為「datafilename」的參數來指定要用哪個自訂檔名的設定檔取代預設要載入的檔案,除了多一些彈性以外,也可以利用這一個特色來製作選單。之前製作選單要嘛就是我寫死在程式內,不然就是用 HTML 語法製作網頁形式的選單,今天試著寫了一個 menu.swf ,想讓它變成萬用的,目標可以為其它有類似機置的程式製作選單。尚有一些小問題,不過目前至少套用在 phonetics_quiz 這個聽字詞拼注音的小工具是沒問題。底下將簡單的步驟擷圖說明。
phonetics_quiz.swf 會去讀取一個主設定檔,再去讀取裡面指定的題庫設定檔,最後到指定的資料夾中載入語音檔或圖片。
底下的目標是製作三課內容及選單:

  • 第一課
    語音檔及圖片檔存入「data1」資料夾。
    題庫設定檔檔名為「list1.txt」。
    主設定檔檔名為「 phonetics_quiz_set1.txt」。
  • 第二課
    語音檔及圖片檔存入「data2」資料夾。
    題庫設定檔檔名為「list2.txt」。
    主設定檔檔名為「 phonetics_quiz_set2.txt」。
  • 第三課
    語音檔及圖片檔存入「data3」資料夾。
    題庫設定檔檔名為「list3.txt」。
    主設定檔檔名為「 phonetics_quiz_set3.txt」。

製作題庫設定檔

我們只要先將語音檔及圖片檔依課別存入 data1 , data2 , data3 ,題庫設定檔可以用 phonetics_quiz.exe 來幫我們產生 list.txt 後再重新命名。

以 list1.txt 的製作為例:
1.先將「data1」 重新命名為「data」
2.啟動「phonetics_quiz.exe」,畫面閃一下,會將檔案清單(題庫)存入 list.txt
3.將「data」重新命名為「data1」;「list.txt」更名為「list1.txt」
接著我們就可以用上面的程序,依法泡製,產生第二課題庫「list2.txt」和第三課題庫「list3.txt」。
製作主設定檔

再來是製作 1~3 課的主設定檔

1.將原來的 phonetics_quiz_set.txt 複製為「phonetics_quiz_set1.txt」、「phonetics_quiz_set2.txt」和「phonetics_quiz_set3.txt」。

2.修改設定,把裡面的「data_folder_name」改為 data1 , data2 或 data3。

3.修改設定,把裡面的「file_list」改為 list1.txt , list2.txt 或 list3.txt。

修改選單設定

最新版的 phonetics_quiz.zip 解壓縮以後,裡面有「menu.swf」和「menu_set.txt」,前著是選單程式,後者則是選單設定檔。我們只要依範例,將選單名稱及主設檔案的檔名填入,即可產生選單。
以前面的資訊來說,在 menu_set.txt 中,應該有類似底下的設定

&title=注音高手&
&swf_filename=phonetics_quiz.swf&
&item_list=
第一課,phonetics_quiz_set1.txt
第二課,phonetics_quiz_set2.txt
第三課,phonetics_quiz_set3.txt
&
特別注意「item_list」的部份。一行是一個選單,以逗號當分隔符號,第個一欄位為選單的名稱,第二個欄位則為設定檔的檔名。



修改好 menu_set.txt 並儲存後,我們就可以啟動「menu.swf」,看看是否有如上的畫面。

如果想用 HTML 做網頁版的選單呢?

主要是以超連結的語法,而連結的網址類似底下的格式

phonetics_quiz.swf?datafilename=phonetics_quiz_set1.txt&



相關文章



4 則留言:

  1. 雄老師您好,
    想請教一下,
    這個 phonetics_quiz 可以放在網路上給學生玩嗎?
    我將改好的遊戲在我的電腦可以執行, 但將所有資料放到 dropbox後,遊戲顯示無法載入設定檔..試了很久還是無法執行...

    謝謝您提供這麼多好玩的遊戲造福我們..

    Lisa Hung

    回覆刪除
  2. Lisa 您好:
    phonetics_quiz 可以放在網路上、電腦中,甚至可以跑 Flash 的平板電腦中。
    如果是 iPad 的話,有另外一個 HTML5 的版本:
    您可以參考之前發佈在Plurk 消息

    至於您放在 dropbox 的無法運作,方便的話,請您把該網址給我,可以幫您看看哪裡出問題。

    回覆刪除
  3. 老師你好: 我按照每一步驟去設定,到最後開啟menu,顯示"的格式有問題",
    因此無法使用,盼請老師賜教,感恩!!

    回覆刪除
  4. 上面這位朋友您好:
    您提供的訊息太少了,實在無法判斷您的問題在哪裡,
    如果方便的話,麻煩您將設定檔寄給我(gmail: gsyan888)
    有空我再幫您看看。

    回覆刪除

 
© 2009. Design by Pocket