2023年8月9日 星期三

HTML5 FUN:自製遊戲啟動器

2023年8月9日 星期三

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

  • 下載遊戲網頁。
  • 匯出遊戲設定檔。
  • 複製遊戲程式碼,並將程式嵌入自己的網站。
製作線上遊戲的「嵌入自己的網站」困擾了不少人,底下有更簡單的方法,不需要有自己的網站。

▋ 更簡單的方法

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

🚀 方法1:利用試算表就能設計遊戲

利用試算表來填寫所有遊戲設定,及遊戲題庫是 2025.02.24 開放的新設計方法,只要先建立好範例試算表的副本 (範例請往下找),選擇想設計的遊戲工作表,修改遊戲題庫及設定。將試算表共用為 [任何知道連結的人] [檢視者],最後複製瀏覽器網址列的網址,貼到遊戲啟動器就能完成一個遊戲。目前支援的遊戲有:pk、pk2、投籃高手、足球高手、青蛙過河、打鬼、搶救公主等 8 個 pk 系列8合1遊戲,加上注音高手、Speaking、聽音辨字、戳戳樂、填字遊戲、大家一起來、對對碰、我說你猜、造句靈感產生器、單字高手、English1200、Bingo、Monster、樂透機、幸運轉盤、重組遊戲、漢字五子棋及筆順練習。試算表就能管理遊戲,結合底下的方法2,還能當遊戲選單,強烈推薦,值得一試!

🚀 方法2:烘焙機語法貼到試算表

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

  • A欄放遊戲的提取代碼
    (自訂一個不重覆的代碼,可用中文,但建議字數不要太多)。
  • B欄放由烘焙機製作的題庫資料
    (在烘焙機中按【查看合併後的原始碼-自動複製到剪貼簿】)。
  • 試算表共用設定設為「知道連結的任何人」可檢視。
註:此方法也可以在 B 欄中,全部貼入 [🚀 方法1] 製作的遊戲試算表網址,然後利用遊戲啟動器製作遊戲選單。

🚀 方法3:設定檔放雲端硬碟

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

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

▋ 範例試算表

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

✂️ 在範例試算表中選定遊戲範本,修改工作表中黃色標記的設定與題庫內容後,複製試算表的網址。

✂️ 「或是」在範例試算表中選 [選單範例],將烘焙機產出的資料貼到試算表儲存格中後,複製試算表的網址。

使用以下的「HTML5 FUN 自製遊戲啟動器」,將前面 ✂️ 二選一,複製好的試算表網址,貼到「參數設定」的輸入區中,即可製作遊戲的網址。

開啟製作好的網址即可自動載入遊戲來玩。

▋ Let's go ~~

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

HTML5 FUN::Game Launcher

HTML5 FUN::自製遊戲啟動器

參數設定

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

遊戲網址
(按一下複製)

解說影片

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

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

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

相關連結

    更新記錄

    • 2025.02.28 啟動 8合1 的遊戲以後,左上角會多一個切換遊戲的選單按鈕(試玩時不會出現)。
    • 2025.02.27 試算表模板新增對對碰、我說你猜、造句靈感產生器、單字高手、English1200、Bingo、Monster、樂透機、幸運轉盤、重組遊戲、漢字五子棋。
    • 2025.02.25 試算表題庫如果語音是用 Vocaroo 線上錄音的網址,會自動轉為可使用的 mp3 網址;試算表模板新增聽音辨字、戳戳樂、填字遊戲、大家一起來。
    • 2025.02.23 支援直接以試算表來設定遊戲及題庫,包括 pk、pk2、投籃高手、足球高手、青蛙過河、打鬼、搶救公主等 8 個 pk 系列遊戲,及注音高手、Speaking。
    • 2025.02.07 支援啟動筆順練習,可以由試算表中讀取練習清單及設定;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