2011年8月7日 星期日

Flash : lotto 樂透摸彩機(2012.08.10 更新)

2011年8月7日 星期日

寫在前面的前面

本說明中的 Flash 版已於 2012年11月更版為 HTML5 版了,只要使用常見的網頁瀏覽器即可使用,建議使用 HTML5 FUN 網站中,較新版的 HTML5 Lotto。HTML5 FUN 及 HTML5 Lotto 的網址如下:


寫在前面 (2018年補充)

本工具以 Flash 開發,如果使用較新版的網頁瀏覽器開啟此小工具,出現類似「無法載入設定檔」的錯誤訊息而不能使用,請先參考底下的兩篇說明:


之前寫過,可以用來抽籤的程式有「抽號碼機 I」、「抽號碼機 II 」和「戳戳樂」,前兩支程式只能用來抽號碼,戳戳樂的應用則較廣泛,抽出的結果可以是文字、圖片或聲音。七月底時 Henny (阿寶) 老師 提到,能不能有像樂透機一樣的教學工具?其實對我來說,它們的基本原理都一樣,最難的大概是如何讓彩球飛來飛去的動畫產生出來。試了兩天,彩球動畫終於可以「動態」加字並飛來飛去了,於是「lotto 樂透摸彩機」就做好了。它可不是只能抽號碼哦!我們可以在彩球上加上指定的文字,底下就來介紹一下這個小工具。

功能介紹

  • 可自訂彩球的數量及球上的文字。
  • 可自訂出球按鈕的位置。(glglace 建議)
  • 可自訂出球是否依題庫順序。(glglace 建議)

檔案說明

這個工具在本機上使用,只要有以上兩個檔案即可運作。
如果是把 lotto.swf embed 進網頁、blog或 moodle 中時, lotto_set.txt 中的參數可以用 embed 語法中的 FlashVars 來指定,這樣就不需要設定檔。

參數設定

  • button_align : 設定抽出彩球按鈕的位置,可以設定為 left (靠左), right (靠右) 或是 center (置中) 其中任一個。
  • show_by_list : 設定抽出彩球(出題)時的順序是用亂數還是依題庫順序。可以設定為 0 (用亂數,預設值),或是 1 (依設定檔中的題庫順序)。
  • font_size : 彩球上的文字預設的字型大小,原始大小為 60 ,建議不要比 60 大。
  • font_name : 彩球上的文字預設的字型名稱。
  • question : 彩球上的文字(題庫),每一行代表一顆球上的文字,所以如果有五行文字,畫面上就會自動產生五顆彩球。
    如果某一顆彩球上的文字想個別改變字型大小,可以在題庫後面加上「半形逗號」後指定。範例設定檔 lotto_set.txt  中的「教育\n噗浪客,38」意思就是這幾個個字要用 38 畫素的字型。
    文字如果想要換行的地方,可以加上「\n」(反斜線 n ,2012.08.10 以後的版本),以設定範例中的「教育\n噗浪客,38」來說,它會將五個中文字拆成「教育」和「噗浪客」兩行字,並以 38 畫素的字來顯示。

以上的參數一般是寫在 lotto_set.txt 中,當 lotto.swf 一啟動就會試著載入 lotto_set.txt 的內容。

如果是要應用在 blog 或其它網頁中,可以像底下檔案中的語法範例,將 HTML 語法加入網頁中

特別注意裡面的 src 和 flashvars 兩部份等號右側的內容
  • src : 指定程式的路徑。
  • flashvar : 指定各參數的內容。

檔案下載


更新記錄

  • 2012.08.10 題庫文字加入解譯換行符號「\n」的功能,題庫中如果出現該換行的代表符號會幫忙轉換為 Flash 文字換行的符號。修改了自動調整文字置中的功能。
  • 2012.01.26 修改了載入檔案的路徑,讓所有的相對路徑都會自動轉換為絕對路徑,解決了在 Android 開啟 .swf 檔案時所產生的路徑問題
  • 2011.08.09 加入了 font_size, font_name 兩個設定參數,可以設定文字的預設字型大小及名稱。而個別球的字型大小,可以在球的文字後加一個「半形」逗號再加上需要的字形大小。
  • 2011.08.08 加入無法載入設定檔及設定檔格式錯誤的訊息,原來的版本可能因為設定檔格式錯誤而出現 Flash Player「卡住」的迴圈現象,現在會在每個影格檢查,以避免找不到題庫的情形。
  • 2011.08.05 加入音效
  • 2011.08.04 依 glglace 的建議加入 button_align 及 show_by_list 兩個設定參數,可以改變按鈕的位置。
  • 2011.08.04 公開試用@plurk
  • 2011.08.03 完成雛形


54 則留言:

  1. 這個遊戲的主意是由北加州Berkeley High 的陳歆老師所提議的。真的好感謝雄老師納入您遊戲製作的考量,跪拜....磕頭中......

    回覆刪除
  2. 好好玩
    謝謝

    回覆刪除
  3. 谢谢颜老师的乐透机,学生又有多的游戏可以玩了!

    回覆刪除
  4. 陳歆老師不客氣啦!
    少了您和阿寶,就不會有這個工具呢

    回覆刪除
  5. 謝謝雄老師~~~
    不錯玩呢!

    回覆刪除
  6. 雄老師:我是溫哥華徐幸娟,謝謝分享樂透摸彩機...

    回覆刪除
  7. 顏老師,
    一直坐享您網站的遊戲, 從沒正式跟您說聲"謝謝",不好意思,感謝您的慷慨分享.因為有您及一些好老師們的無私,讓我們教中文走得更為順暢呢!!!!!

    回覆刪除
  8. 香香魔女、幸娟老師、徐老師好:
    知道諸位喜歡這個工具,我也很高興,希望它能對大家有所幫助。

    回覆刪除
  9. 雄老師您好:
    本來想要下載『樂透摸彩機』來試試,結果連結已經不見了。是否可以mail給我。謝謝。

    回覆刪除
  10. 雄老師好
    謝謝您的智慧及分享
    好感動...

    回覆刪除
  11. 謝謝老師的分享,好開心學生有新遊戲玩;好友成就感,因為自己終於可以成功的把遊戲放上部落格,不用麻煩別人,^_^,謝謝老師!

    Shulan

    回覆刪除
  12. Yvonne & Shulan 您好:
    這個作品其實因別人的智慧而來, 能夠和大家分享是一件很快樂的事。大家 happy ,我也高興。

    回覆刪除
  13. 雄老師, 謝謝你的遊戲. 學生都說 "酷!".
    有幾點請求:
    1. 球可以放大, 容納2-4字.
    2. Reset function.
    3. 球可以彩色更棒, But not mandatory required.


    童文妍

    回覆刪除
  14. 文妍老師您好:
    謝謝提供寶貴的意見,這一陣子因為家裡有事要忙,等我有空了再來改改看。

    回覆刪除
  15. 顏老師好
    我是Elaine,上週阿寶老師有來我們這裡做了一個很精彩的workshop,裡頭提到老師設計的樂透game非常好玩,特地來老師這裡說聲感謝。但課後有些老師對這遊戲還是有一些問題及不了解的地方。
    為了幫助其他老師們對遊戲修改有更進一步的了解,於是我錄製了一段影片教學放在blog分享,跟老師您打聲招呼,再次謝謝老師您的用心,造福了很多老師,謝謝喔
    http://blog.huayuworld.org/elainehsu/24483/2012/01/23/106624

    回覆刪除
  16. Elaine 老師您好:
    您太客氣了,也真用心,相信有影片的說明,大家可以更清楚。
    祝您新年快樂!

    回覆刪除
  17. 雄老師您好,我是lotto game的愛用者,在此先謝謝您以及所有老師的貢獻. 我有一個問題困擾我許久. 如果用html直接掛在網頁下,我都無法讓字體小一點,三個字以上無法完全呈現, 但是如果在本機, 無外掛則沒有問題. 我測來測去始終找不出原因,不知道問題出在哪裡?雄老師可否給一個html_sample_lotto.txt有含font變化的例子. 十分感謝.

    回覆刪除
  18. 麗雲老師您好:
    我已經將這篇說明中的 html_sample_lotto.txt 改了一下,您參考一下。另外,也將程式加了用「\n」來「換行」的功能,您可以重新下載 2012.08.10 版本的 lotto.swf 試試看新的功能。
    另外,提醒您一下,因為不同 browser embed 的語法有差異,html_sample_lotto.txt 中的語法應該不適用於 IE 哦!

    回覆刪除
  19. 雄老師,看了您html_sample_lotto.txt,我終於找到原因了,因為我一直在網路上用您最舊版的lotto.swf,沒有去更新它,我以為都一樣.謝謝您又加入\n, 太好了.

    回覆刪除
  20. 請問怎麼把它放在blog 或者是site ?

    回覆刪除
  21. 非常感谢你的无私分享!学生会很喜欢这个游戏的!

    回覆刪除
  22. 非常感谢您的分享!今天我要和学生一起来玩这个游戏,相信他们会喜欢这个游戏的。

    回覆刪除
  23. 請問按鍵聲音!可以自定?

    回覆刪除
    回覆
    1. 您好:
      可自訂的選項都在本篇說明中了,音效部份無法自訂。

      刪除
  24. 雄老師感謝分享,之前還不知如何運用,今天突然想到這個遊戲還有很多可應用的地方,突然變聰明了.
    檔案已下載,謝謝.

    回覆刪除
    回覆
    1. 王老師您好:
      很高興知道您找回原本就聰明的自己,
      希望這小工具能讓您和您的學生有所助益。

      刪除
  25. 謝謝陳老師和阿寶老師的妙點子及雄老師的愛心為我們製作這個好玩的小工具。明天就拿來用用。

    回覆刪除
    回覆
    1. Jenny 老師您好:
      您客氣了,歡迎使用,祝您和學生玩得愉快哦~~

      刪除
  26. 雄老師,我的電腦是MacBook Pro,在三個星期前下載您的Zip file,修改了三課的生字,與學生玩了幾次,均沒問題。但在上個星期時,每當一開啓swf檔,就出現以下的window popout. 到底是發生什麼事了?

    Thank you for using "Adobe Device Central". The Adobe product that installed "Adobe Device Central" has not been activated.
    Please launch and activate that Adobe product before continuing to use "Adobe Device Central".

    回覆刪除
    回覆
    1. Sara Fromme 您好:
      由您貼的訊息看來, 您的 MBP 應該是安裝了 Adobe 某個需要註冊的軟體, 但未 activate , 這和我的作品無關。
      建議您可以由 Browser (Safari or Google Chrome ......) 來開啟 .swf 或是由下面的網址中下載 standalone versions of Flash player 安裝後, 用 Flash Player 來開啟 .swf

      http://www.adobe.com/support/flashplayer/downloads.html

      刪除
    2. 謝謝 雄老師!聽了您的建議,我用 Firefox Browser 開啓檔案了。

      刪除
  27. 雄老師:
    謝謝您無私努力的分享,今年暑假很幸運可以聽到Henny老師介紹您的遊戲。我試著把遊戲swf 和 txt 上傳到Google Drive想給學生練習,可是當我上傳完想開swf 時,swf 無發下載 txt 檔,請問是什麼問題呢?
    李保禛

    回覆刪除
    回覆
    1. 保禛老師您好:
      哈~ 沒有網址可測試, 您的問題變得好抽象, 不知該如何幫忙 debug 吔~

      刪除
  28. 您好~我現在是使用E化快客製作電子白板課程。但使用您提供的遊戲匯入時,卻發生swf讀取不到txt檔的問題,請問這能夠怎麼處理呢??

    謝謝您
    Estelle

    回覆刪除
    回覆
    1. Estelle 您好:
      個人並沒有聽過您提到的「E化快客製作電子白板課程」, 這樣的描述, 不清楚發生了什麼。我的 Flash 小工具如果是可以自訂內容的, 它必須能讀取 .txt 的設定檔, 所以 .swf 和 .txt 一定要放在同一個資料夾中, 如果您的儲存空間只能單一檔案操作的, 讀取不到 .txt 檔案, 程式就無法正常運作。

      刪除
  29. 您好 我在網路上找到您所寫的這個軟體
    我想拿來當公司尾牙彩球抽獎軟體
    目前有遇到幾個問題:
    可以"修改彩球抽出的文字顏色"跟可以"刪除已抽出的彩球(假如該人員未到場)"嗎?

    回覆刪除
    回覆
    1. 您好:
      可以修改的選項都在文章中介紹了, 抱歉, 您提到的, 文中並沒有。

      刪除
    2. 也感謝您把程式寫的那麼好!
      方便修改內容 我在試試看 看能不能 弄出加強版
      感謝您的解答與貢獻...

      刪除
    3. 還是可以請您給我fla原始檔!?

      刪除
  30. 老師~我下載後打開程式出現 :無法載入設定檔: 為什麼會這樣?

    回覆刪除
    回覆
    1. 上面有一排字(lotto_set.txt(lotto_set.xml))

      刪除
  31. 你好,請問一下,如何修改變成只出現一個數字或人名

    回覆刪除
  32. 您好..實在是太感謝老師了!!謝分享!!

    回覆刪除
  33. 老師,我2013-14 玩的時候都沒有問題,現在想再玩卻有和 上面Saori 有相同的問題,請問怎麼辦呢? 我的設定檔及swf有在同一個檔案夾。

    回覆刪除
    回覆
    1. 非常謝謝!我會試試看。也感謝老師長久以來的付出,給了我們更多上課形式上的選擇。

      刪除
  34. 想請問數字的部份可以用圖片檔代替嗎?

    回覆刪除
    回覆
    1. 您好:
      這支程式只能指定文字, 不支援圖片。

      刪除
  35. 雄老師您好
    因為公司尾牙需求找到了您設計的有趣樂透機。
    前面幾次輸入名單,一切都OK順利
    但今天跑的時候,所有中文卻都變成亂碼顯示,
    不曉得是甚麼原因呢?
    如果可以解決真是萬分感謝
    謝謝

    回覆刪除
    回覆
    1. 您好:
      我在猜, 應該是設定檔儲存時忘記用 UTF-8 或 Unicode 的格式儲存了。

      刪除
    2. 老師您好,
      剛剛照著你的說法做,真的沒問題了~~
      謝謝老師 :)

      刪除
  36. 老師 您好 看到您的這個好用的程式 想要利用在抽獎上 但是下載後卻出現了"無法載入設定檔txt" 不知道原因為何? 請問要如何解決呢?

    回覆刪除
  37. 謝謝老師 我找到問題了 應該是我沒有依照您先前指示 重新下載adoba Flash player的緣故~經過重新下載後應該已經可以 感謝老師的分享!

    回覆刪除
  38. 作者已經移除這則留言。

    回覆刪除

 
雄::gsyan © 2009. Design by Pocket