Hry na dotykovou obrazovku pro akce a interaktivní kiosky

Dobrá dotyková hra na akci je krátká, zvládne ji jeden prst, nepotřebuje účet ani internet a pro dalšího návštěvníka se čistě znovu spustí. HTML5 hry na to sedí dobře: jsou to webové stránky, takže každý kiosek s aktuálním prohlížečem je může spustit na celou obrazovku, uzamčené na jedinou stránku. Tenhle průvodce je pro firmy, které pronajímají totemy, eventové agentury a značky, které provozují vlastní stánky.

Jsme studio, které prodává HTML5 herní šablony se zdrojovým kódem. Naše hry fungují na dotykových obrazovkách a složka hry běží bez připojení k internetu, pokud ji na kiosku servíruje jednoduchý místní webový server (s jednou výjimkou, která je popsaná níže). Dvojklik na soubor není správný postup. Níže vysvětlíme, jak to nastavit pořádně, co Microsoft, Apple a Google dokumentují o uzamčení zařízení na jednu aplikaci a které hry v našem obchodě se pro totem hodí.

Co dělá dobrou dotykovou hru pro akce

Kiosek není telefon. Lidé k němu přicházejí, často s kávou v ruce, a přátelé se dívají přes rameno. Může vzniknout fronta. Nikdo nečte návody. Tyhle body jsou důležitější než grafika:

• Jedno gesto na hraní: klepnutí, tažení nebo přejetí. Když cizí člověk nezačne do několika sekund, odejde.
• Krátká kola, aby se fronta hýbala. Vyberte režim nebo délku úrovně, která skončí za minutu nebo dvě.
• Žádné psaní, žádná registrace, žádný účet. Klávesnice na veřejné obrazovce všechno zpomalí.
• Velké dotykové plochy a čitelný text na délku paže na velké obrazovce.
• Žádné reklamy a žádné odchozí odkazy, které otevírají jiné stránky.
• Jasná cesta zpět na začátek a reset, když se na obrazovku chvíli nikdo nedotkne.
• Funguje bez internetu. Wi-Fi na akci bývá nespolehlivá a zamrzlá hra před davem je horší než žádná hra.

Naše verze nemají žádné reklamní SDK ani systém účtů a postup zůstává v prohlížeči. Na kiosku přesně tohle chcete.

Prohlédněte si herní šablony

Provoz hry offline na totemu

Každá verze obsahuje hotovou složku game/ připravenou k hostování: HTML, JavaScript, obrázky, zvuk a písma. Nic v ní nepotřebuje PHP ani databázi. Pro kiosek bez internetu tuto složku zkopírujte do počítače a servírujte ji přímo z něj.

Jeden detail lidi zaskočí. Několik stránek produktů uvádí, že hru nejde otevřít přímo z disku adresou file:// (Twirldrop, Pinloop, Trimora, Gridspark, Bodoku a další). Prohlížeče omezují některé funkce u stránek otevřených z disku. Řešením je malý místní statický webový server běžící na kiosku, takže prohlížeč otevře něco jako http://localhost/game/. Jakýkoli server statických souborů stačí; internetový přístup nepotřebuje.

• Puttide, naše 3D minigolf, používá WebAssembly. Jeho stránka žádá, aby soubory .wasm byly servírovány jako application/wasm a soubory .js s typem JavaScript, jinak se může objevit prázdná obrazovka. Ověřte to na svém místním serveru.
• Stránky, které uvádějí, že vše se načítá ze složky hry, zahrnují Golazo, Aurora Words, Frogdoku, Bodoku, Boba Club, Pip Club, Ludo Cats a Solitaire Links. Puttide přibaluje Three.js a Rapier, takže nic nepřichází z CDN.
• Ricopop je výjimka: jeho stránka říká, že k načtení potřebuje připojení k internetu. Pro offline totem ho nevybírejte, aniž se nás nejdřív zeptáte.

Kiosk režim v systému Windows s Microsoft Edge

Microsoft dokumentuje kioskový režim pro Edge (verze 87 nebo novější) se dvěma režimy. Digital/Interactive Signage (digitální a interaktivní signage) ukazuje jeden web na celou obrazovku; Public Browsing (veřejné procházení) spouští omezený prohlížeč s více kartami. Pro herní totem chcete první. Příkaz, který Microsoft uvádí, je:

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

Co dokumentace říká, na co u akcí záleží:

• Oba režimy běží v relaci InPrivate. Postup a osobní záznamy, které hra ukládá v prohlížeči, se nepřenesou mezi relacemi, což sedí ke stánku, kde každý návštěvník začíná od nuly.
• F11 (ukončit celou obrazovku) a F12 (nástroje pro vývojáře) jsou v obou režimech zablokované.
• --kiosk-idle-timeout-minutes resetuje relaci po době bez aktivity, od 1 do 1440 minut. Zavře prohlížeč a sám ho znovu neotevře; Microsoft říká, že k automatickému restartu Edge potřebujete Assigned Access (přiřazený přístup) nebo Shell Launch.
• Pro jeden nebo dva počítače má Nastavení Windows volbu Nastavit kiosek (přiřazený přístup): vyberte Microsoft Edge, zvolte Digital/Interactive Signage, zadejte adresu a nastavte čas nečinnosti.
• Microsoftův průvodce je psaný pro Windows 10 a uvádí, že kioskový režim není na Linuxu podporován.

Podívejte se na Gridspark, který má obrazovku pro spuštění klepnutím

Tablety na stojanu: iPad a Android

Tablet na podlahovém stojanu je levnější totem. Oba systémy mají vestavěný způsob, jak udržet návštěvníky v jedné aplikaci.

• iPad: Guided Access (Řízený přístup; Nastavení, Zpřístupnění, Řízený přístup) omezí zařízení na jednu aplikaci. Spustíte ho trojím stisknutím horního tlačítka nebo tlačítka Home, můžete označit oblasti obrazovky, aby ignorovaly dotyky, zablokovat hardwarová tlačítka a nastavit časový limit. Ukončení relace vyžaduje váš přístupový kód.
• Android: Připnutí aplikace (App pinning; v Nastavení, pod Zabezpečení, u mnoha zařízení pak Upřesnit) drží jednu aplikaci na obrazovce, dokud se nezruší připnutí, a zrušení vyžaduje PIN, gesto nebo heslo.

Na tabletu se hra obvykle načítá z webové adresy v prohlížeči, takže potřebuje připojení, pokud s tím nepočítáte. Dvě možnosti: hru hostovat a na stánku mít spolehlivé připojení, nebo zvolit Zabum, náš kvíz, který je instalovatelná PWA a po první návštěvě funguje offline (k tomu potřebuje HTTPS). Pomocí Guided Access nastavte, aby adresní řádek prohlížeče ignoroval dotyky, a použijte tlačítko celé obrazovky ve hře, kde ho má: Gridspark ho nastavuje v gridspark.config.js a Pinloop a Twirldrop mají celou obrazovku v nastavení.

Které hry z obchodu se hodí na totem

Podle situací, které na akcích vidíme. Ceny jsou katalogové v amerických dolarech a každá hra níže má živé demo, které můžete otevřít přímo na kiosku ještě před koupí.

Dva lidé, jedna obrazovka

• Golazo, 49 USD: stolní fotbal s přihrávkami švihnutím, dva hráči na jednom zařízení, zápasy do tří gólů nebo na dvě, tři či pět minut. Text na stadionové tabuli se nastavuje v config.js, což je přirozené místo pro sponzora.
• Velvet Pool, 39 USD: 8-ball s mířením na stole a ovládáním síly na dotykových obrazovkách; dva hráči na jednom zařízení nebo proti počítači.
• Puttide, 39 USD: 3D minigolf, dva až čtyři hráči se střídají. Tažením dozadu se píchne. Potřebuje WebGL2 a WebAssembly, takže ji vyzkoušejte na hardwaru kiosku.
• Ludo Cats, 49 USD: Ludo pro dva až čtyři hráče na jednom zařízení, s režimy Classic (klasický), Quick (rychlý), Teams (týmy) a Custom (vlastní).

Rychlá kola pro jednoho ve frontě

• Trimora, 19 USD: 3D skládání jedním dotykem.
• Pinloop, 24 USD: časování jedním tlačítkem s 30 cíli.
• Twirldrop, 29 USD: 3D sestup věží jedním prstem, s nekonečným režimem.
• Gridspark, 29 USD: přetahujte bloky na desku 8×8. Obrazovka pro spuštění klepnutím a tlačítko celé obrazovky se přepínají v konfiguračním souboru, bez nového buildu.

Klidná hra pro rodiny a čekárny

• Mochi Monsters, 39 USD: třídění barev s dotykovým ovládáním, vrácením tahu a omezeným pohybem.
• Aurora Words, 39 USD: hledání slov v deseti jazycích s vlastními seznamy slov a režimem Calm (klidný režim).
• Boba Club, 49 USD: Klondike solitaire s nápovědami, vrácením tahu a automatickým dokončením.

Váš vlastní obsah

Zabum, 49 USD, je kvíz pro jednoho proti třem počítačovým soupeřům, v pěti, deseti nebo patnácti kolech, s 15 sekundami na otázku. Otázky jsou v jednom souboru JSON pro každý jazyk (angličtina, portugalština a španělština), takže si značka může napsat vlastní; po úpravě je potřeba nový build.

Podívejte se na Golazo, dva hráči na jedné obrazovce

Kontrolní seznam nastavení pro pronájmy a agentury

1. Před koupí otevřete demo na skutečném totemu a hrajte prsty, ne myší. 3D hry potřebují WebGL2; zkontrolujte, že grafika na tom hardwaru běží plynule.
2. Koupíte, stáhněte a certifikát licence uschovejte s dokumenty k akci.
3. Podle potřeby přejmenujte: logo, barvy, název, texty. Čistou kopii původní složky si nechte.
4. Na kiosku nainstalujte místní statický webový server a zkopírujte do něj složku hry.
5. Nastavte kioskový režim: Edge s --kiosk a --edge-kiosk-type=fullscreen na Windows, Guided Access na iPadu, Připnutí aplikace na Androidu.
6. Nastavte reset při nečinnosti a v operačním systému vypněte spánek a spořiče obrazovky.
7. Proveďte celý zkušební den s vypnutou sítí. Sledujte vyskakovací okna operačního systému.
8. Kopii složky hry a poznámky k nastavení mějte na USB disku u stánku.

Licence pro akce a pronájmy

Každý nákup dává trvalou licenci pro jeden koncový produkt, pro vás nebo pro jednoho klienta. Agentura, která provozuje hru na akcích jednoho klienta, kupuje jednu licenci pro toho klienta; druhý klient potřebuje druhou licenci. White label je povolen, takže značka klienta může nahradit naši. Šablonu ani její kód samostatně prodávat nesmíte.

Pokud pronajímáte totemy mnoha klientům a chcete stejnou hru nabízet všem, napište nám před nákupem, abychom vám řekli, které licence váš případ potřebuje. Úpravy hry, instalace na vašich strojích a nové funkce jsou práce na zakázku, nacenitelná před začátkem. Podpora (6 měsíců, nebo 12 s prodloužením) pokrývá instalaci a používání souborů a opravu opakovatelných chyb.

Do 30. listopadu 2026 platí akce Black Friday se slevou 15 % na každou šablonu. Více šablon v jedné objednávce přidá slevu za balíček 5 % až 20 %, uplatněnou po akci.

Domluvte se s námi o akcích a nabídkách

Často kladené otázky

Mohou hry běžet na kiosku bez internetu?

Ano. Zkopírujte složku hry na kiosek, servírujte ji místním statickým webovým serverem a v prohlížeči ji otevřete na localhost adrese. Ricopop je výjimka: jeho stránka říká, že k načtení potřebuje připojení k internetu.

Proč prostě neotevřít index.html dvojklikem?

Prohlížeče omezují stránky otevřené z disku adresou file://, a několik našich stránek produktů uvádí, že to není podporováno. Místní webový server problém obejde a internet nepotřebuje.

Jak zabráním návštěvníkům, aby hru opustili?

Na Windows spusťte Microsoft Edge v kioskovém režimu s --edge-kiosk-type=fullscreen, nebo nastavte přiřazený přístup. Na iPadu použijte Guided Access, na Androidu Připnutí aplikace. Všechny tři udrží zařízení v jedné aplikaci.

Resetuje se hra pro dalšího návštěvníka?

Kioskový režim Edge může resetovat relaci po době nečinnosti, kterou zvolíte, od 1 do 1440 minut, a běží jako InPrivate, takže se nic uloženého v prohlížeči nepřenese. Automatický restart Edge po resetu vyžaduje Assigned Access (přiřazený přístup) nebo Shell Launch.

Může hra na stánku sbírat kontakty?

Ve stavu, v jakém se dodává, ne. Naše hry nemají formuláře ani sledování. Sběr kontaktů přidává kolem hry pořadatel, s vlastním formulářem a textem souhlasu.

Která hra funguje nejlépe s frontou?

Krátké hry na jedno gesto: Trimora, Pinloop, Twirldrop nebo Gridspark pro kola pro jednoho; Golazo nebo Velvet Pool, když hrají dva lidé společně.