2023年8月9日 星期三

HTML5 FUN:自製遊戲啟動器

2023年8月9日 星期三

HTML5 FUN  烘焙機是用來打造 HTML5 FUN 遊戲的小工具。原本利用「烘焙機」製作完的遊戲可以有三種方式將遊戲儲存:

  • 下載遊戲網頁。
  • 匯出遊戲設定檔。
  • 複製遊戲程式碼,並將程式嵌入自己的網站。

如果想更簡單地在網路分享自己的HTML5 FUN 遊戲,那就這樣做:

  • 將在烘焙機下載的「遊戲網頁」或是「遊戲設定檔」放到 Google 雲端硬碟。
  • 將檔案共用設定設為「知道連結的任何人」可檢視。

共用設定好,複製連結,然後利用以下的「HTML5 FUN 自製遊戲啟動器」製作遊戲的分享網址。

第四種方式是自2023.08.08 起,「烘焙機」提供製作可以將遊戲題庫及設定儲存在 Google 試算表儲存格的功能,試算表按照範例檔的格式設計:

  • A欄放遊戲的提取代碼
    (自訂一個不重覆的代碼,可用中文,但建議字數不要太多)。
  • B欄放由烘焙機製作的題庫資料
    (在烘焙機中按【查看合併後的原始碼-自動複製到剪貼簿】)。
  • 試算表共用設定設為「知道連結的任何人」可檢視。

【範例檔案】按這裡開啟試算表檔案 (請自行建立副本)

將烘焙機產出的資料貼到試算表中後,一樣的,將所需要的資料複製好,使用以下的「HTML5 FUN 自製遊戲啟動器」製作遊戲的網址。開啟製作好的網址即可自動載入遊戲來玩。

哪一種方式最簡單,哈!那肯定是直接將遊戲檔案放 Google 雲端硬碟,並設定共用最方便囉!快來試試這個「HTML5 FUN 自製遊戲啟動器」吧!

HTML5 FUN::Game Launcher

HTML5 FUN::自製遊戲啟動器

參數設定

雲端硬碟 [網頁/設定/試算表/資料夾] 共用連結網址
遊戲取用代碼 (欄位:   )
代碼: 
【送出參數並製作網址】

遊戲網址
(按一下複製)

解說影片

【影片1】雲端硬碟的檔案或是資料如何製作遊戲網址及 QRCode可以觀看以下影片:

【影片2】以下影片介紹如何以 Google 試算表來儲存所有的遊戲,再使用遊戲啟動器來製作遊戲的網址:

【影片3】以下影片介紹如何一次設定試算表所有儲存格的列高:


待辦清單

  • Google 試算表的儲存格最多只能放 50,000 個字元,如果題庫內容太多,可能會超過限制而無法置入儲存格;未來是否可以將資料分割後,置入不同的儲存格中
    【註】2023.08.11 更新:
    烘焙機中,如果有勾選「應用於 Google 試算表」的選項,會自動將過長的資料切割,並加上跳格符號;直接將剪貼簿中的資料,貼入「B欄」的「遊戲設定」中,多的會自動貼到下一欄中。

相關連結

    更新記錄

    • 2024.11.12 試算表題庫如果超過一個遊戲,可以選擇「所有遊戲」的選項,啟動遊戲會自動製作遊戲選單。
    • 2024.11.11 可使用 Google Drive 的資料夾共用網址,會自動找出 .html、.htm、.js、.txt 來製作遊戲選單。
    • 2024.11.09 試算表的遊戲代碼改由清單中選取的方式輸入,可順便檢查試算表是否存在,並減輸代碼打字的問題。
    • 2024.11.07 試算表當資料庫可以在儲存格貼入編碼過,或是未編碼的題庫資料;新增顯示遊戲 QRCode 的功能。
    • 2024.11.06 Google Drive 下載文字檔的程序(權限)有所變動,改由文字檔預覽的內容來讀取遊戲設定。
    • 2023.08.13 可以載入 Google 雲端硬碟中公開分享的遊戲網頁或是遊戲設定檔後,啟動遊戲。
    • 2023.08.11 測試烘焙機中可以直接利用 Google 表單寫入資料到回應用的試算表,但是因為表單的限制,只能上載 32kb 以下的資料,沒有直接貼入試算表好。
    • 2023.08.10 可指定「提取代碼」是放在哪一欄中,不再限定 A 欄。
    • 2023.08.08 可以由公開分享的試算表中查詢儲存格中的遊戲設定,並啟動遊戲。


    沒有留言:

    張貼留言

     
    雄::gsyan © 2009. Design by Pocket