Игры для сенсорного киоска и мероприятий: инструкция по настройке

Хорошая игра на сенсорном экране для мероприятия короткая, работает одним пальцем, не требует аккаунта и интернета и чисто начинается заново для следующего посетителя. HTML5-игры для этого подходят: это веб-страницы, поэтому любой киоск с современным браузером может запустить их на весь экран, закреплённым на одной странице. Это руководство для компаний, которые сдают тотемы в аренду, агентств мероприятий и брендов, которые ведут собственные стенды.

Мы студия, которая продаёт HTML5-шаблоны игр с исходным кодом. Наши игры работают на сенсорных экранах, а папка с игрой запускается без подключения к интернету, если на киоске работает простой локальный веб-сервер (с одним исключением, о нём ниже). Двойной клик по файлу — не выход. Ниже мы объясняем, как настроить всё правильно, что документируют Microsoft, Apple и Google о закреплении устройства за одним приложением и какие игры в нашем магазине подходят для тотема.

Что делает хорошую игру на сенсорном экране для мероприятия

Киоск — это не телефон. Люди подходят, часто с кофе в одной руке, пока друзья смотрят через плечо. Может образоваться очередь. Никто не читает инструкций. Эти пункты важнее графики:

• Одно действие для игры: нажатие, перетаскивание или свайп. Если незнакомец не может начать за несколько секунд, он уйдёт.
• Короткие раунды, чтобы очередь двигалась. Выбирайте режим или длину уровня, который заканчивается за минуту или две.
• Никакого набора текста, регистрации или аккаунта. Клавиатура на публичном экране замедляет всё.
• Крупные области касания и читаемый текст на расстоянии вытянутой руки на большом экране.
• Никакой рекламы и никаких исходящих ссылок, которые открывают другие страницы.
• Понятный способ вернуться в начало и сброс, когда никто не касается экрана некоторое время.
• Работа без интернета. Wi-Fi на мероприятиях ненадёжен, а зависшая игра перед толпой хуже, чем её отсутствие.

В наших редакциях нет рекламного SDK и системы аккаунтов, а прогресс остаётся в браузере. Для киоска это именно то, что нужно.

Посмотрите шаблоны игр

Запуск игры офлайн на тотеме

Каждая редакция включает готовую папку game/: HTML, JavaScript, изображения, звук и шрифты. Ничто в ней не требует PHP или базы данных. Для киоска без интернета скопируйте эту папку на компьютер и раздавайте её с самой машины.

Одна деталь сбивает людей с толку. Несколько страниц товаров говорят, что игру нельзя открыть прямо с диска по адресу file:// (Twirldrop, Pinloop, Trimora, Gridspark, Bodoku и другие). Браузеры ограничивают некоторые функции для страниц, открытых с диска. Решение — небольшой локальный статический веб-сервер на киоске, чтобы браузер открывал что-то вроде http://localhost/game/. Подойдёт любой статический файловый сервер; ему не нужен доступ в интернет.

• Puttide, наш 3D-мини-гольф, использует 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 или новее) с двумя вариантами: Digital/Interactive Signage показывает один сайт на весь экран; Public Browsing запускает ограниченный браузер с вкладками. Для игрового тотема нужен первый. Команда, которую даёт Microsoft:

msedge.exe --kiosk http://localhost/game/ --edge-kiosk-type=fullscreen --no-first-run

Что из документации Microsoft важно для мероприятий:

• Оба варианта работают в сеансе 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: «Управляемый доступ» (Guided Access) в Настройках, в разделе «Универсальный доступ», ограничивает устройство одним приложением. Запускается тройным нажатием верхней или кнопки «Домой», можно обвести области экрана, чтобы они игнорировали касания, заблокировать аппаратные кнопки и задать ограничение по времени. Завершение сеанса требует код-пароля.
• Android: закрепление приложения (App pinning) в Настройках, в разделе «Безопасность», а на многих устройствах — «Дополнительно», удерживает одно приложение на экране, пока его не открепят, а открепление требует PIN-кода, графического ключа или пароля.

На планшете игра обычно загружается по веб-адресу в браузере, поэтому ей нужно соединение, если вы не предусмотрели иначе. Два варианта: разместить игру и обеспечить надёжное соединение на стенде или выбрать Zabum, нашу викторину, которая является устанавливаемым PWA и работает офлайн после первого визита (для этого нужен HTTPS). Используйте «Управляемый доступ», чтобы адресная строка браузера игнорировала касания, и кнопку полноэкранного режима игры там, где она есть: Gridspark задаёт её в gridspark.config.js, а в настройках Pinloop и Twirldrop есть полноэкранный режим.

Какие игры из магазина подходят для тотема

Подобрано по ситуациям, которые мы видим на мероприятиях. Цены — по списку, в долларах США, и у каждой игры ниже есть живое демо, которое можно открыть на самом киоске до покупки.

Двое у одного экрана

• Golazo (49 $): настольный футбол с ударами-щелчками, два игрока на одном устройстве, матчи до трёх голов или на две, три или пять минут. Текст стадионного табло задаётся в config.js — естественное место для спонсора.
• Velvet Pool (39 $): бильярд-восьмёрка с прицеливанием на столе и регулятором силы на сенсорных экранах; два игрока на одном устройстве или против компьютера.
• Puttide (39 $): 3D-мини-гольф, два-четыре игрока по очереди. Оттяните назад, чтобы ударить. Нужны WebGL2 и WebAssembly, поэтому тестируйте на оборудовании киоска.
• Ludo Cats (49 $): Лудо для двух-четырёх игроков на одном устройстве, с режимами 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 $): пасьянс «Клондайк» с подсказками, отменой и автоматическим завершением.

Ваш собственный контент

Zabum (49 $) — викторина для одного игрока против трёх компьютерных соперников, на пять, десять или пятнадцать раундов с 15 секундами на вопрос. Вопросы лежат в одном JSON-файле на каждый язык (английский, португальский и испанский), так что бренд может написать свои; после правок нужна пересборка.

Посмотрите Golazo: два игрока на одном экране

Чек-лист настройки для компаний проката и агентств

1. Перед покупкой откройте демо на реальном тотеме и играйте пальцами, а не мышью. 3D-игры требуют WebGL2; проверьте, что графика плавная на этом оборудовании.
2. Купите, скачайте и сохраните сертификат лицензии вместе с документами мероприятия.
3. Ребрендируйте при необходимости: логотип, цвета, название, тексты. Сохраните чистую копию исходной папки.
4. Установите на киоск локальный статический веб-сервер и скопируйте туда папку игры.
5. Настройте киоск-режим: Edge с --kiosk и --edge-kiosk-type=fullscreen в Windows, «Управляемый доступ» на iPad, закрепление приложения на Android.
6. Задайте сброс по простою и отключите сон и заставки в операционной системе.
7. Проведите полный тестовый день с выключенной сетью. Следите за всплывающими окнами операционной системы.
8. Храните копию папки игры и заметки по настройке на USB-флешке на стенде.

Лицензия для мероприятий и компаний проката

Каждая покупка даёт бессрочную лицензию на один конечный продукт — для вас или одного клиента. Агентство, которое запускает игру на мероприятиях одного клиента, покупает одну лицензию для этого клиента; второму клиенту нужна вторая лицензия. White label разрешён, поэтому бренд клиента может заменить наш. Перепродавать шаблон или его код по отдельности нельзя.

Если вы сдаёте тотемы в аренду многим клиентам и хотите предлагать одну и ту же игру всем, напишите нам до покупки, и мы скажем, какие лицензии нужны в вашем случае. Изменения игры, установка на ваши машины и новые функции — индивидуальная работа, которую мы оцениваем до начала. Поддержка (6 месяцев или 12 с расширением) покрывает установку и использование файлов и исправление воспроизводимых дефектов.

До 30 ноября 2026 года действует акция «Чёрная пятница»: скидка 15 % на каждый шаблон. Несколько шаблонов в одном заказе дают скидку за набор от 5 до 20 %, которая применяется после акции.

Обсудите с нами мероприятия и расчёт стоимости

Часто задаваемые вопросы

Могут ли игры работать на киоске без интернета?

Да. Скопируйте папку игры на киоск, раздавайте её локальным статическим веб-сервером и откройте в браузере по адресу localhost. Исключение — Ricopop: на её странице сказано, что для загрузки нужно интернет-соединение.

Почему нельзя просто дважды кликнуть по index.html?

Браузеры ограничивают страницы, открытые с диска по адресу file://, и несколько страниц наших товаров прямо говорят, что это не поддерживается. Локальный веб-сервер решает проблему и не требует интернета.

Как не дать посетителям выйти из игры?

В Windows запустите Microsoft Edge в киоск-режиме с --edge-kiosk-type=fullscreen или настройте assigned access. На iPad используйте «Управляемый доступ», на Android — закрепление приложения. Все три варианта удерживают устройство в одном приложении.

Сбрасывается ли игра для следующего посетителя?

Киоск-режим Edge может сбрасывать сеанс после выбранного времени простоя, от 1 до 1440 минут, и работает в InPrivate, поэтому ничто, сохранённое в браузере, не переходит дальше. Автоматический перезапуск Edge после сброса требует Assigned Access или Shell Launch.

Может ли игра собирать контакты на стенде?

В поставляемом виде нет. Наши игры не содержат форм и отслеживания. Сбор контактов — то, что организатор добавляет вокруг игры, с отдельной формой и текстом согласия.

Какая игра лучше всего работает с очередью?

Короткие игры с одним действием: Trimora, Pinloop, Twirldrop или Gridspark для сольных раундов; Golazo или Velvet Pool, когда играют двое.