攻略

活動與互動機台的觸控螢幕遊戲:架設指南

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

Plop! Fruit Merge宣傳插圖:廚房流理台上的紅色果汁機裡裝著笑臉水果,旁邊寫著Drop. Merge. Blend!

適合活動現場的觸控螢幕遊戲,要短、用一根手指就能玩、不需要帳號也不需要網路,還要能乾淨地為下一位訪客重新開始。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。

看看有點擊開始畫面的Gridspark

立架上的平板: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檔裡(英文、葡萄牙文和西班牙文),所以品牌可以自己出題;編輯後需要重新建置。

看看Golazo,兩人同一個螢幕

租賃業者與活動公司的架設清單

  1. 購買前,在實際的機台上開啟展示版,用手指玩,不要用滑鼠。3D遊戲需要WebGL2;確認在這台硬體上畫面流暢。
  2. 購買、下載,把授權證書和活動文件放在一起保存。
  3. 需要的話換上品牌:標誌、顏色、標題、文字。保留一份原始資料夾的乾淨備份。
  4. 在機台上安裝本機靜態網頁伺服器,把遊戲資料夾複製進去。
  5. 設定資訊站模式:Windows用Edge加上--kiosk和--edge-kiosk-type=fullscreen,iPad用引導使用模式,Android用應用程式固定。
  6. 設定閒置重置,並在作業系統中關閉睡眠和螢幕保護程式。
  7. 關掉網路跑完一整天的測試。留意作業系統跳出的視窗。
  8. 在攤位準備一支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。