攻略

活动与互动一体机触摸屏游戏:部署指南

写给一体机租赁公司和活动代理公司:游戏怎样才能在一体机上好用,如何离线全屏运行,以及我们哪些游戏合适。

Plop! Fruit Merge宣传插画:厨房台面上的红色搅拌机里装着笑脸水果,配文Drop. Merge. Blend!

一款适合活动现场的触摸屏游戏,要短,用一根手指就能玩,不需要账号也不需要网络,并且能干净地为下一位访客重新开始。HTML5游戏很适合:它们本质上是网页,所以任何装有新版浏览器的一体机都能全屏运行,并锁定在这一个页面上。本指南写给一体机租赁公司、活动代理公司,以及自己搭展台的品牌。

我们是一家出售带源码HTML5游戏模板的工作室。我们的游戏支持触摸屏,只要一体机上有一个简单的本地网页服务器来提供游戏文件夹,游戏就能在没有网络的情况下运行(有一个例外,下文会讲)。双击文件打开不是正确做法。下面我们会讲清楚怎样正确设置,Microsoft、Apple和Google关于把设备锁定在单个应用上的官方说明,以及我们商店里哪些游戏适合一体机。

什么样的触摸屏游戏适合活动现场

一体机不是手机。人们走过来时,常常一只手还端着咖啡,朋友在身后看着。可能会排起队。没人看说明。下面这些比画面更重要:

  • 一个手势就能玩:点击、拖动或滑动。陌生人如果几秒内上不了手,就会走开。
  • 每局要短,队伍才会动。选择一两分钟内结束的模式或关卡长度。
  • 不用打字,不用注册,不用账号。公共屏幕上的键盘会拖慢一切。
  • 触控区域要大,大屏幕上的文字要在一臂距离内看得清。
  • 没有广告,也没有会打开其他页面的外链。
  • 有清楚的返回开始的方式,并且在一段时间没人触碰屏幕后自动重置。
  • 不联网也能运行。活动现场的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

装在落地支架上的平板,是更便宜的一体机。两个系统都内置了把访客限制在单个应用里的功能。

  • iPad:引导式访问(设置 > 辅助功能 > 引导式访问)把设备限制在单个应用中。连按三下顶部按钮或主屏幕按钮即可开启,可以圈出不响应触摸的屏幕区域,禁用实体按钮,并设置时间限制。结束会话需要你的密码。
  • Android:应用固定(在许多设备上位于设置 > 安全 > 高级)让一个应用一直显示在屏幕上,直到取消固定,取消时需要输入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. 在展台备一个U盘,里面放游戏文件夹副本和你的设置笔记。

活动和租赁公司的授权

每次购买获得一份永久授权,适用于一个最终产品,给你自己或一位客户。代理公司在一位客户的活动上运行游戏,为这位客户买一份授权;第二位客户需要第二份授权。允许白标,客户的品牌可以替换我们的品牌。你不得单独转售模板或其代码。

如果你把一体机租给许多客户,并想在他们之间提供同一款游戏,请在购买前写信给我们,我们会告诉你你的情况需要哪些授权。修改游戏、在你的机器上安装和新增功能属于定制工作,开工前报价。技术支持(6个月,延长后12个月)涵盖文件的安装和使用,以及修复可复现的缺陷。

2026年11月30日前,黑色星期五促销所有模板八五折。同一订单购买多款模板,还可叠加5%到20%的组合折扣,在促销之后计算。

和我们聊聊活动需求和报价

常见问题

游戏能在没有网络的一体机上运行吗?

可以。把游戏文件夹复制到一体机上,用本地静态网页服务器提供服务,然后在浏览器中通过localhost地址打开。Ricopop是例外:它的页面说加载时需要联网。

为什么不直接双击index.html?

浏览器会限制用file://地址从磁盘打开的页面,我们好几款游戏的商品页面都写明不支持这种方式。本地网页服务器能避开这个问题,也不需要联网。

怎样防止访客离开游戏?

Windows上用一体机模式运行Microsoft Edge并加上--edge-kiosk-type=fullscreen,或设置分配的访问权限。iPad用引导式访问;Android用应用固定。三种方法都能把设备锁定在一个应用里。

游戏会为下一位访客重置吗?

Edge一体机模式可以在你设定的空闲时间后重置会话,范围1到1440分钟,并且以InPrivate方式运行,浏览器里保存的内容不会延续。重置后要自动重启Edge,需要Assigned Access或Shell Launch。

游戏能在展台收集销售线索吗?

按原样交付时不能。我们的游戏没有表单,也没有追踪。收集线索由主办方在游戏周边另外添加,配上单独的表单和同意文字。

哪款游戏最适合排队场景?

一个手势就能玩的短游戏:单人局选Trimora、Pinloop、Twirldrop或Gridspark;两人一起玩选Golazo或Velvet Pool。