Érintőképernyős játékok eseményekre és kioszkra: beállítási útmutató

Egy jó érintőképernyős játék egy eseményen rövid, egy ujjal működik, nem kér fiókot és internetet, és tisztán újraindul a következő látogatónak. A HTML5 játékok ehhez jól illenek: webes oldalak, így bármelyik, friss böngészővel rendelkező kioszk teljes képernyőn, egyetlen oldalra zárva futtathatja őket. Ez az útmutató totem-bérlő cégeknek, eseményügynökségeknek és márkáknak készült, akik saját standot üzemeltetnek.

Mi stúdióként forráskóddal együtt árulunk HTML5 játéksablonokat. Játékaink érintőképernyőn működnek, és a játékmappa internetkapcsolat nélkül fut, ha a kioszkon egy egyszerű helyi webszerver szolgálja ki (egy kivétellel, lent). A fájl dupla kattintással való megnyitása nem járható út. Lent elmagyarázzuk, hogyan állítsd be ezt rendesen, mit dokumentál a Microsoft, az Apple és a Google az eszköz egyetlen appra zárásáról, és melyik játék illik a totemre a boltunkban.

Mitől jó érintőképernyős játék eseményre

A kioszk nem telefon. Az emberek odasétálnak, gyakran kávéval a kezükben, miközben barátaik a válluk felett figyelnek. Sor alakulhat ki. Senki nem olvas utasítást. Ezek a pontok fontosabbak a grafikánál:

• Egy mozdulattal lehet játszani: koppintás, húzás vagy suhintás. Ha egy idegen néhány másodperc alatt nem tud elindulni, elsétál.
• Rövid körök, hogy a sor haladjon. Válassz olyan módot vagy szintidőt, amely egy-két perc alatt véget ér.
• Nincs gépelés, nincs regisztráció, nincs fiók. A billentyűzet egy nyilvános képernyőn mindent lelassít.
• Nagy érintési felületek és olvasható szöveg karnyújtásnyi távolságból, nagy képernyőn.
• Nincs hirdetés, és nincs kimenő link, amely más oldalt nyit meg.
• Egyértelmű visszaút az indulásra, és visszaállítás, ha egy ideig senki nem érinti a képernyőt.
• Internet nélkül működik. Az esemény Wi-Fije megbízhatatlan, és egy lefagyott játék a tömeg előtt rosszabb, mint semmilyen játék.

A kiadásaink nem tartalmaznak reklám-SDK-t és fiókrendszert, a haladás pedig a böngészőben marad. Kioszkon pont ezt akarod.

Böngészd a játéksablonokat

A játék futtatása offline a totemen

Minden kiadás tartalmaz egy kész, tárhelyezhető game/ mappát: HTML-t, JavaScriptet, képeket, hangot és betűkészleteket. Semmi benne nem igényel PHP-t vagy adatbázist. Internet nélküli kioszknál másold a mappát a gépre, és magáról a gépről szolgáld ki.

Egy részlet sokakat megakaszt. Több termékoldal szerint a játék nem nyitható meg közvetlenül lemezről, file:// címmel (többek között a Twirldrop, a Pinloop, a Trimora, a Gridspark és a Bodoku). A böngészők korlátozzák néhány funkciót a lemezről megnyitott oldalaknál. A megoldás egy kis helyi statikus webszerver a kioszkon, így a böngésző valami ilyesmit nyit meg: http://localhost/game/. Bármelyik statikus fájlszerver jó; nem kell hozzá internet.

• A Puttide, a 3D minigolfunk WebAssembly-t használ. Az oldala kéri, hogy a .wasm fájlok application/wasm típussal, a .js fájlok pedig JavaScript típussal szolgáljanak ki, különben üres képernyőt láthatsz. Ellenőrizd ezt a helyi szerveren.
• A mindent a játékmappából betöltő oldalak közé tartozik a Golazo, az Aurora Words, a Frogdoku, a Bodoku, a Boba Club, a Pip Club, a Ludo Cats és a Solitaire Links. A Puttide a Three.js-t és a Rapier-t csomagolva tartalmazza, így semmi nem jön CDN-ről.
• A Ricopop a kivétel: oldala szerint betöltéshez internetkapcsolat kell. Offline totemhez ne válaszd, mielőtt nem kérdezel tőlünk.

Kioszk mód Windows alatt, a Microsoft Edge-dzsel

A Microsoft dokumentál egy kioszk módot az Edge-hez (87-es vagy újabb verzió), két élménnyel. A Digital/Interactive Signage (digitális/interaktív hirdetőtábla) egy oldalt mutat teljes képernyőn; a Public Browsing (nyilvános böngészés) korlátozott, több lapos böngészőt futtat. Egy játéktotemhez az elsőre van szükséged. A parancs, amelyet a Microsoft ad:

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

Az eseményeknél fontos, amit a dokumentáció mond:

• Mindkét élmény InPrivate munkamenetben fut. A játék által a böngészőben mentett haladás és személyes rekordok nem öröklődnek a munkamenetek között, ami egy olyan standnál jó, ahol minden látogató frissen indul.
• Az F11 (kilépés a teljes képernyőből) és az F12 (fejlesztői eszközök) mindkét élményben le van tiltva.
• A --kiosk-idle-timeout-minutes 1 és 1440 perc között visszaállítja a munkamenetet egy tétlen időszak után. Bezárja a böngészőt, és nem nyitja újra magától; a Microsoft szerint az Edge automatikus újraindításához Hozzárendelt hozzáférés (Assigned Access) vagy Shell Launch kell.
• Egy-két gépre a Windows-beállításokban van a Kiosk beállítása (hozzárendelt hozzáférés): válaszd a Microsoft Edge-et, a Digital/Interactive Signage-t, írd be a címet, és állítsd be a tétlenségi időt.
• A Microsoft útmutatója Windows 10-re készült, és kimondja, hogy a kioszk mód Linuxon nem támogatott.

Nézd meg a Gridspark-ot, koppintásos indítóképernyővel

Táblagépek állványon: iPad és Android

Az állványon álló táblagép olcsóbb totem. Mindkét rendszernek van beépített módja arra, hogy a látogatók egy appon belül maradjanak.

• iPad: az Irányított hozzáférés (Guided Access) (Beállítások, Akadálymentesség, Irányított hozzáférés) egyetlen appra korlátozza az eszközt. A tetején lévő vagy a Home gomb háromszori koppintásával indítod, köröket rajzolhatsz a képernyő azon részei köré, amelyek figyelmen kívül hagyják az érintést, letiltható a hardvergombok használata, és időkorlát állítható. A munkamenet befejezéséhez a jelkódod kell.
• Android: az Alkalmazás rögzítése (App pinning) (a Beállításokban a Biztonság alatt, sok eszközön a Speciális alatt) egy appot tart a képernyőn, amíg fel nem oldod; a feloldáshoz PIN, minta vagy jelszó kell.

Táblagépen a játék általában egy webcímről töltődik be a böngészőben, ezért kapcsolat kell, hacsak nem tervezel ezzel. Két lehetőség van: tárhelyezd a játékot, és tarts megbízható kapcsolatot a standnál, vagy válaszd a Zabumot, a kvízjátékunkat, amely telepíthető PWA, és az első látogatás után offline működik (ehhez HTTPS kell). Használd az Irányított hozzáférést, hogy a böngésző címsora ne reagáljon az érintésre, és használd a játék saját teljes képernyős gombját, ahol van: a Gridspark a gridspark.config.js fájlban állítja be, a Pinloop és a Twirldrop pedig a beállításaiban rendelkezik teljes képernyővel.

Melyik store-játék illik egy totemre

Az eseményeken látott helyzetekhez igazítva. Az árak listaárak amerikai dollárban, és minden játéknak van élő demója, amelyet még vásárlás előtt megnyithatsz magán a kioszkon.

Két ember, egy képernyő

• Golazo (49 USD): asztali futball húzásos lövésekkel, két játékos egy eszközön, mérkőzések három gólig vagy két, három vagy öt percig. A stadion táblájának szövegét a config.js állítja, ez természetes szponzorhely.
• Velvet Pool (39 USD): 8-ball biliárd, célzás az asztalon és erőszabályzó érintőképernyőn; két játékos egy eszközön vagy a CPU ellen.
• Puttide (39 USD): 3D minigolf, két-négy játékos körönként. Húzz hátra a puttoláshoz. WebGL2-t és WebAssembly-t igényel, ezért a kioszk hardverén teszteld.
• Ludo Cats (49 USD): Ludo két-négy játékosnak egy eszközön, Classic (klasszikus), Quick (gyors), Teams (csapat) és Custom (egyéni) módokkal.

Gyors egyéni körök a sorhoz

• Trimora (19 USD): egy érintéses 3D egymásra pakolás.
• Pinloop (24 USD): egygombos időzítés 30 céllal.
• Twirldrop (29 USD): egy ujjal irányított 3D toronyleszállás, végtelen móddal.
• Gridspark (29 USD): húzd a blokkokat 8×8-as táblára. A koppintásos indítóképernyőt és a teljes képernyős gombot egy beállítófájlban kapcsolod, újraépítés nélkül.

Nyugodt játék családoknak és várótermeknek

• Mochi Monsters (39 USD): színrendezés érintésvezérléssel, visszavonással és csökkentett mozgással.
• Aurora Words (39 USD): szókereső tíz nyelven, saját szólistákkal, és egy Calm (nyugodt) móddal.
• Boba Club (49 USD): Klondike pasziánsz tippekkel, visszavonással és automatikus befejezéssel.

A saját tartalmad

A Zabum (49 USD) egyéni kvíz három számítógépes ellenfél ellen, öt, tíz vagy tizenöt körben, kérdésenként 15 másodperccel. A kérdések nyelvenként egy JSON-fájlban vannak (angol, portugál és spanyol), így egy márka írhatja a sajátjait; szerkesztés után újra kell építeni.

Nézd meg a Golazót: két játékos egy képernyőn

Beállítási ellenőrzőlista bérlő- és ügynökségi cégeknek

1. Vásárlás előtt nyisd meg a demót a valódi totemen, és az ujjaiddal játszd, ne egérrel. A 3D játékokhoz WebGL2 kell; ellenőrizd, hogy a grafika sima-e azon a hardveren.
2. Vásárolj, tölts le, és a licencigazolást tartsd az eseményhez tartozó iratok között.
3. Ha kell, márkázz át: logó, színek, cím, szövegek. Tarts egy tiszta másolatot az eredeti mappáról.
4. Telepíts helyi statikus webszervert a kioszkra, és másold bele a játékmappát.
5. Állítsd be a kioszk módot: Edge a --kiosk és --edge-kiosk-type=fullscreen kapcsolókkal Windowson, Irányított hozzáférés (Guided Access) iPaden, App pinning (Alkalmazás rögzítése) Androidon.
6. Állítsd be a tétlenségi visszaállítást, és kapcsold ki az alvást és a képernyővédőt az operációs rendszerben.
7. Futtass egy teljes próbanapot hálózat nélkül. Figyeld az operációs rendszer felugró ablakait.
8. Tarts egy másolatot a játékmappáról és a beállítási jegyzeteidről egy pendrive-on a standnál.

Licenc eseményekre és bérlő cégeknek

Minden vásárlás egy végtermékre szóló, időkorlát nélküli licencet ad, neked vagy egy ügyfélnek. Egy ügynökség, amely egy ügyfele eseményein futtat egy játékot, egy licencet vásárol arra az ügyfélre; egy második ügyfél második licencet igényel. A white label megengedett, így az ügyfél márkája helyettesítheti a miénket. A sablont vagy a kódját önmagában nem adhatod tovább.

Ha sok ügyfélnek bérelsz totemet, és ugyanazt a játékot szeretnéd kínálni mindnek, írj nekünk vásárlás előtt, hogy megmondhassuk, milyen licencek kellenek az eseted. A játék módosítása, a gépeidre telepítés és az új funkciók egyedi munkák, munka előtt árajánlattal. A támogatás (6 hónap, vagy 12 a bővítéssel) a fájlok telepítésére és használatára, valamint a reprodukálható hibák javítására terjed.

2026. november 30-ig a Black Friday (fekete péntek) akció minden sablonra 15%-ot ad. Egy rendelésben több sablon csomagkedvezményt ad, 5% és 20% között, az akció után alkalmazva.

Beszélj velünk eseményekről és árajánlatokról

Gyakran ismételt kérdések

Futhatnak a játékok kioszkon internet nélkül?

Igen. Másold a játékmappát a kioszkra, szolgáld ki egy helyi statikus webszerverrel, majd nyisd meg a böngészőben egy localhost címen. A Ricopop a kivétel: oldala szerint betöltéshez internetkapcsolat kell.

Miért ne kattintanék duplán az index.html fájlra?

A böngészők korlátozzák a lemezről, file:// címmel megnyitott oldalakat, és több termékoldalunk szerint ez nem támogatott. Egy helyi webszerver megkerüli a problémát, és nem kell hozzá internet.

Hogyan akadályozom meg, hogy a látogatók kilépjenek a játékból?

Windowson futtasd a Microsoft Edge-et kioszk módban a --edge-kiosk-type=fullscreen kapcsolóval, vagy állíts be hozzárendelt hozzáférést. iPaden használj Irányított hozzáférést (Guided Access), Androidon Alkalmazás rögzítést (App pinning). Mindhárom egy appban tartja az eszközt.

Visszaáll a játék a következő látogatónak?

Az Edge kioszk módja egy általad választott tétlenségi idő után visszaállíthatja a munkamenetet, 1 és 1440 perc között, és InPrivate módban fut, így a böngészőben mentett semmi nem öröklődik. Az Edge automatikus újraindításához a visszaállítás után Hozzárendelt hozzáférés (Assigned Access) vagy Shell Launch kell.

Gyűjthet a játék érdeklődőket a standnál?

Ahogy szállítjuk, nem. A játékaink nem tartalmaznak űrlapot vagy követést. Az érdeklődők gyűjtését az szervező teszi a játék köré, külön űrlappal és hozzájárulási szöveggel.

Melyik játék működik a legjobban sorban álláskor?

Rövid, egy-mozdulatos játékok: Trimora, Pinloop, Twirldrop vagy Gridspark egyszemélyes körökhöz; Golazo vagy Velvet Pool, ha ketten játszanak együtt.