活動與互動機台的觸控螢幕遊戲:架設指南
寫給機台租賃業者和活動公司:遊戲要具備什麼條件才適合機台、怎麼離線全螢幕執行,以及我們有哪些遊戲合用。

適合活動現場的觸控螢幕遊戲,要短、用一根手指就能玩、不需要帳號也不需要網路,還要能乾淨地為下一位訪客重新開始。HTML5遊戲很適合:它們本身就是網頁,所以任何裝有新版瀏覽器的機台都能全螢幕執行,並鎖定在這一個頁面。這篇指南寫給互動機台租賃業者、活動公司,以及自己經營攤位的品牌。
我們是販售附原始碼HTML5遊戲範本的工作室。我們的遊戲支援觸控螢幕,只要機台上有一個簡單的本機網頁伺服器提供遊戲資料夾,就能在沒有網路的情況下執行(只有一個例外,下面會說明)。直接雙擊檔案不是正確做法。以下說明怎麼正確設定、Microsoft、Apple和Google針對把裝置鎖定在單一App的官方說明,以及我們商店裡哪些遊戲適合機台。
怎樣的觸控螢幕遊戲適合活動現場
機台不是手機。大家走過來時常常一手還拿著咖啡,朋友在身後看。可能會排隊。沒有人會讀說明。下面這些比畫面更重要:
- 一個手勢就能玩:點、拖或滑。陌生人如果幾秒內玩不起來,就會走掉。
- 一局要短,隊伍才會前進。選一兩分鐘內結束的模式或關卡長度。
- 不用打字、不用註冊、不用帳號。公共螢幕上的鍵盤會拖慢一切。
- 觸控範圍要大,大螢幕上的文字要在一臂距離內看得清楚。
- 沒有廣告,也沒有會開啟其他頁面的外部連結。
- 有明確回到開始畫面的方式,一段時間沒人碰螢幕時會自動重置。
- 沒網路也能跑。活動現場的Wi-Fi不可靠,在人群面前當掉的遊戲比沒有遊戲更糟。
我們的遊戲版本沒有廣告SDK、沒有帳號系統,進度存在瀏覽器裡。在機台上,這正是你要的。
在機台上離線執行遊戲
每個版本都附有可以直接上線的game/資料夾:HTML、JavaScript、圖片、音效和字型。裡面沒有任何東西需要PHP或資料庫。如果機台沒有網路,就把這個資料夾複製到機器上,由機器自己提供。
有個細節很容易讓人卡關。好幾款遊戲的商品頁面都寫明,不能用file://網址直接從磁碟開啟遊戲(Twirldrop、Pinloop、Trimora、Gridspark、Bodoku等)。瀏覽器會限制從磁碟開啟的頁面的部分功能。解決方法是在機台上執行一個小型本機靜態網頁伺服器,讓瀏覽器開啟類似http://localhost/game/的網址。任何靜態檔案伺服器都可以,不需要網路。
- 我們的3D迷你高爾夫Puttide使用WebAssembly。它的頁面要求.wasm檔以application/wasm類型提供、.js檔以JavaScript類型提供,否則可能出現空白畫面。請在本機伺服器上確認這一點。
- 頁面寫明所有內容都從遊戲資料夾載入的有:Golazo、Aurora Words、Frogdoku、Bodoku、Boba Club、Pip Club、Ludo Cats和Solitaire Links。Puttide內含Three.js和Rapier,不會從任何CDN載入。
- Ricopop是例外:它的頁面說載入時需要網路。沒先問過我們,請不要把它用在離線機台上。
Windows上用Microsoft Edge開啟資訊站模式
Microsoft的官方文件介紹了Edge(87版以上)的資訊站模式(kiosk mode),有兩種體驗。Digital/Interactive Signage(數位/互動式看板)全螢幕顯示單一網站;Public Browsing(公用瀏覽)則執行功能受限的多分頁瀏覽器。遊戲機台要用第一種。Microsoft提供的指令是:
msedge.exe --kiosk http://localhost/game/ --edge-kiosk-type=fullscreen --no-first-run
文件中對活動現場重要的幾點:
- 兩種體驗都執行InPrivate工作階段。遊戲存在瀏覽器裡的進度和個人紀錄不會延續到下一個工作階段,正好適合每位訪客都從頭開始的攤位。
- 兩種體驗都封鎖了F11(離開全螢幕)和F12(開發人員工具)。
- --kiosk-idle-timeout-minutes會在一段時間沒有操作後重置工作階段,可設1到1440分鐘。它會關閉瀏覽器,不會自動重新開啟;Microsoft表示,要自動重啟Edge需要Assigned Access(指派的存取權)或Shell Launch。
- 只有一兩台機器的話,Windows設定裡有Set up a kiosk(assigned access)選項:選擇Microsoft Edge,選Digital/Interactive signage,輸入網址並設定閒置時間。
- Microsoft的指南是針對Windows 10撰寫,並註明資訊站模式不支援Linux。
立架上的平板:iPad和Android
裝在落地立架上的平板,是比較便宜的機台。兩個系統都有內建功能,能把訪客限制在單一App裡。
- iPad:引導使用模式(設定 > 輔助使用 > 引導使用模式)把裝置限制在單一App。按三下頂端按鈕或主畫面按鈕即可開始,可以圈出不回應觸控的螢幕區域、停用實體按鈕,並設定時間限制。結束時需要輸入你的密碼。
- Android:應用程式固定(許多裝置位於設定 > 安全性 > 進階)讓一個App持續顯示在螢幕上,直到取消固定,取消時需要輸入PIN碼、解鎖圖案或密碼。
在平板上,遊戲通常是在瀏覽器裡從網址載入,所以除非事先規劃,否則需要網路。有兩個做法:把遊戲放在線上並確保攤位有穩定網路,或選擇我們的問答遊戲Zabum,它是可安裝的PWA,第一次造訪後就能離線執行(為此需要HTTPS)。用引導使用模式讓瀏覽器網址列不回應觸控,遊戲有全螢幕按鈕時就使用它:Gridspark在gridspark.config.js中設定,Pinloop和Twirldrop的設定裡有全螢幕選項。
商店裡哪些遊戲適合互動機台
依照我們在活動中看到的情境來配對。價格為美元定價,下面每款遊戲都有線上展示版,購買前可以直接在機台上開啟試玩。
兩個人,一個螢幕
- Golazo(49美元):彈指射門的桌上足球,兩人同一台裝置對戰,比賽可設為先進三球,或兩分鐘、三分鐘、五分鐘。球場看板文字在config.js中設定,是天生的贊助版位。
- Velvet Pool(39美元):8號球撞球,在球桌上瞄準,觸控螢幕上有力道控制;兩人同一台裝置或對戰電腦。
- Puttide(39美元):3D迷你高爾夫,兩到四位玩家輪流擊球。往後拖曳推桿。需要WebGL2和WebAssembly,請在機台硬體上測試。
- Ludo Cats(49美元):Ludo飛行棋,兩到四人同一台裝置,有Classic、Quick、Teams和Custom四種模式。
適合排隊的快速單人局
- Trimora(19美元):單點觸控的3D堆疊。
- Pinloop(24美元):單一按鍵的時機遊戲,30個目標。
- Twirldrop(29美元):單指操作的3D高塔下落,有無盡模式。
- Gridspark(29美元):把方塊拖到8×8的盤面上。點擊開始畫面和全螢幕按鈕都在設定檔裡開關,不需要重新建置。
適合家庭和等候區的輕鬆遊戲
- Mochi Monsters(39美元):顏色分類,支援觸控、復原和減少動態效果。
- Aurora Words(39美元):支援十種語言、各有專屬詞庫的找字遊戲,附Calm模式。
- Boba Club(49美元):Klondike接龍,附提示、復原和自動完成。
用你自己的內容
Zabum(49美元)是對戰三位電腦對手的單人問答遊戲,可選五、十或十五回合,每題15秒。題目放在每種語言各一個的JSON檔裡(英文、葡萄牙文和西班牙文),所以品牌可以自己出題;編輯後需要重新建置。
租賃業者與活動公司的架設清單
- 購買前,在實際的機台上開啟展示版,用手指玩,不要用滑鼠。3D遊戲需要WebGL2;確認在這台硬體上畫面流暢。
- 購買、下載,把授權證書和活動文件放在一起保存。
- 需要的話換上品牌:標誌、顏色、標題、文字。保留一份原始資料夾的乾淨備份。
- 在機台上安裝本機靜態網頁伺服器,把遊戲資料夾複製進去。
- 設定資訊站模式:Windows用Edge加上--kiosk和--edge-kiosk-type=fullscreen,iPad用引導使用模式,Android用應用程式固定。
- 設定閒置重置,並在作業系統中關閉睡眠和螢幕保護程式。
- 關掉網路跑完一整天的測試。留意作業系統跳出的視窗。
- 在攤位準備一支USB隨身碟,放遊戲資料夾備份和你的設定筆記。
活動與租賃業者的授權
每次購買取得一份永久授權,適用於一個最終產品,給你自己或一位客戶。活動公司在某位客戶的活動上使用遊戲,就替這位客戶買一份授權;第二位客戶需要第二份授權。允許白牌,客戶的品牌可以取代我們的品牌。你不得單獨轉售範本或其程式碼。
如果你把機台租給許多客戶,想在他們之間提供同一款遊戲,請在購買前來信,我們會告訴你這種情況需要哪些授權。修改遊戲、在你的機器上安裝以及新增功能屬於客製工作,開工前會先報價。技術支援(6個月,延長方案12個月)涵蓋檔案的安裝與使用,以及修正可重現的瑕疵。
2026年11月30日前,黑色星期五優惠全站範本85折。同一筆訂單買多款範本,還可再享5%到20%的組合折扣,在優惠之後計算。
常見問題
遊戲可以在沒有網路的機台上執行嗎?
可以。把遊戲資料夾複製到機台,用本機靜態網頁伺服器提供,然後在瀏覽器中用localhost網址開啟。Ricopop是例外:它的頁面說載入時需要網路。
為什麼不直接雙擊index.html?
瀏覽器會限制用file://網址從磁碟開啟的頁面,我們好幾款遊戲的商品頁面都寫明不支援這種方式。本機網頁伺服器可以避開這個問題,也不需要網路。
怎麼避免訪客跳出遊戲?
Windows上用資訊站模式執行Microsoft Edge並加上--edge-kiosk-type=fullscreen,或設定指派的存取權。iPad用引導使用模式;Android用應用程式固定。三種方式都能把裝置鎖定在單一App。
遊戲會為下一位訪客重置嗎?
Edge資訊站模式可以在你設定的閒置時間後重置工作階段,範圍1到1440分鐘,而且以InPrivate執行,瀏覽器裡存的東西都不會延續。重置後要自動重啟Edge,需要Assigned Access或Shell Launch。
遊戲可以在攤位蒐集名單嗎?
原版不行。我們的遊戲沒有表單也沒有追蹤。名單蒐集由主辦方在遊戲周邊另外加上,搭配獨立的表單和同意文字。
哪款遊戲最適合有人排隊的場合?
一個手勢就能玩的短遊戲:單人局選Trimora、Pinloop、Twirldrop或Gridspark;兩人一起玩選Golazo或Velvet Pool。
