Playgama – HTML5-mängude integreerimine veebisaidile
Playgama on veebipõhine platvorm, mis võimaldab HTML5-mänge veebilehtedele spetsiaalse iframe-koodi abil lisada.
Selle abil saab mängu oma lehele lisada ilma allalaadimise või installimiseta – mäng laaditakse otse Playgama serveritest.
Ametlik veebileht: https://playgama.com
Plugin on saadaval ka WordPressile nimega „Playgama: Embed Games and Monetize”.
Kuidas ma plugina seadistasin?
Et mäng oleks ekraani keskel, kasutati Flexboxi konteinerit:
<div style="display: flex; justify-content: center; align-items: center; height: 100vh;">Kuidas valida mängu?
1)Mine veebilehele playgama.com
2)Ava mängude sektsioon (kataloog)
3)Vali meeldiv mäng
4)Kopeeri kood (iframe)
Kood:
<div style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<iframe
src="https://playgama.com/export/game/race-on-cars-in-moscow?clid=p_985f98f9-6c63-4a84-a76b-380bf8953106"
allow="fullscreen; accelerometer; camera; clipboard-read; clipboard-write; screen-wake-lock; speaker-selection; web-share; geolocation; gyroscope; microphone; xr-spatial-tracking; autoplay; encrypted-media; picture-in-picture; payment; publickey-credentials-get; publickey-credentials-create; storage-access; attribution-reporting; browsing-topics"
frameborder="0"
width="1200"
height="600">
</iframe>
</div>Mida kood teeb:
display: flex; justify-content: center; align-items: center; height: 100vh; — tsentreerib mängu vertikaalselt ja horisontaalselt kogu ekraani kõrguses.
iframe — laadib valitud mängu Playgama serverist.
allow — mängu lubade loend (heli, puutetundlikud andmed, geolokatsioon jne).
width ja height — mänguakna suurus (minu puhul 1200 x 600)