2011年1月9日 星期日

2P 遊戲式題庫系統之13-網頁版:Ver 2.2


    這次算是 2P 系統第一次正式發布網頁版的更新,由於其中主要的 2P 系統版本是 2.2 版,所以這次網頁版的版本編號也用 2.2 來做為對應紀錄。



    網頁版的設置目的,是作為在網路上直接分享 2P 題庫的變通用途,網頁版由於缺少主要的 Director 程式配合,所以少了許多重要功能,例如:搖桿等其他周邊的支援,和題目檔案的直接讀取功能等,因此在題目檔案的命名規則上尤其需要遵守三碼數字和連續不中斷的規定。

    於是,在這樣減少許多重要功能的版本裡,網頁版也僅僅能提供對於 2P 題庫系統的基本認識與使用,所以我並沒有把所有的遊戲與題庫都放進來,主要也是想維持一個版本間的明顯差別。使用者可以自行加入題庫,但是遊戲的部分因為程式的微小差異,沒有辦法從其他版本 2P 將遊戲單元複製使用,這是要特別提醒的地方。

    操作上,由於網頁版的執行環境為一般的網頁瀏覽器(web browser),所以僅支援利用鍵盤與滑鼠的使用,但因為電子白板或觸控螢幕的操作特性與滑鼠雷同,也因此或許可以同時支援。只有鍵盤可以支援兩個玩家同時的操作,但滑鼠就只能一個玩家使用,鍵盤的對應如下圖所示。


    使用搖桿轉鍵盤 (類似 joytokey ) 的小程式,可以暫時將搖桿的操作對應到鍵盤按鍵上,這也是一種在網頁版使用搖桿的變通方法。



新增題庫的步驟如下:

1. 新的題庫資料夾請放在 W2P_2010c 資料夾裡的 A_QuizBase 資料夾之中。

2. 在 W2P_2010c 資料夾裡,有許多個 Main 開頭的檔案,每個檔案代表一個題庫與一個遊戲的對應,複製其中一個 Main 開頭檔案 (例如:Main_1.htm),貼上成為另一個新的 Main 的 htm 檔。

3. 用文字編輯器 記事本 修改這個新的 Main 開頭檔,找尋其中兩處 "QuizPath=" ,這字串後面接的就是題庫資料夾的名稱,一直到 "&" 符號之前為止,將新的題庫資料夾名稱放在 "QuizPath=" 之後且在 "&" 之前的位置上,原來的字串當然就把它取代刪除,記得,總共有兩處要改喔~ (大圖)



4. 本系統目前提供兩個遊戲,一個資料夾叫 Game_00,另一個資料夾叫 Game_01
,在新的 Main 開頭 htm 檔裡,有可以指定遊戲的地方,就在步驟 3 的 "&" 符號之後,看到 "UnitPath="的後面就是遊戲資料夾名稱,同樣記得,總共也有兩個地方要修改。(大圖)


5. 改好的 Main 開頭 htm 檔,就是打開新題庫的直接連結檔案。




    部分遊戲畫面如下:

一圖四文格式單複選題範例:

注音格式範例:

百萬小富翁題目格式範例:

這次分享的重點,使用 png 圖片的一文四圖格式範例:





(可參閱:DDP 遊戲式題庫系統之07-網頁版:直接連結)


2018-07-18 更新:更改網路儲存空間為 Google 雲端硬碟

壓縮檔下載:請點我 (Google 空間)



2011-01-09 更新:加入首頁的鍵盤對應表



2011-04-18 更新:加入 "坦克大戰" 遊戲



2012-01-08 更新:加入 背景音效開關 (依據 克曼老師 的建議)


11 則留言:

  1. DEAR布蘭達老師:網頁版2P讓學生使用或是分享給其他老師方便多了,有沒有考慮推出不打不相識網頁版呢?期待中...

    回覆刪除
  2. To PC工人:
    嗯~我會盡快分享出來~

    回覆刪除
  3. 老師,

    您的2P遊戲真得好棒!不過背景音樂有點吵,能不能有不加背景音樂的選項呢?謝謝!

    陳克曼

    回覆刪除
  4. 克曼老師您好:
    確實網頁版的背景音樂是不太原汁原味,
    我看看能不能找時間改看看,
    加個音樂開關在畫面的附近。

    回覆刪除
  5. To 克曼老師:
    不客氣~ 已經更新囉 ~

    回覆刪除
  6. 1、感謝布蘭達老師,分享了此好用的網頁程式。
    2、敝人在此製作了修改好設定的JoyToKey379_cht_for_w2p.zip,網址如下:
    http://songwriter.tw/w2p/JoyToKey379_cht_for_w2p.zip
    建議下載後可修改如下:
    插好USB搖桿後,下載直接解壓執行JoyToKey.exe即可使用
    3、本來想要讓學生分工完成全部共700題的丙級硬體裝修學科來作對戰,網址為http://songwriter.tw/w2p/,加強學習,最後因為題目必須完全連號才能正常運作,布蘭達老師有沒有計畫要用新版的Flash或其他方法來完成不用連號也能正常運作的功能?

    回覆刪除
  7. 去年向阿欣老師要了2ptotxt utf8版本,敝人改成同時符合您的2p及w2p的出題系統,運作在http://slvs.tc.edu.tw/~menghsi/w2ptotxt/,請惠賜意見。

    回覆刪除
  8. To 台灣寫歌人:
    真的是太棒了,但不知是否容許我向噗浪上其他老師介紹分享,也可以協助測試?

    回覆刪除
    回覆
    1. 原本的連結失效了,改如下:
      http://songwriter.tw/w2ptotxt/
      原本不也是分享自您的大作,請推廣使用。

      刪除
    2. 謝謝 台灣寫歌人 的分享 ~

      刪除