HTML5 spēles novietošana vietnē: augšupielāde, iegulšana, labošana

HTML5 spēles novietošana vienā teikumā: augšupielādējiet tās mapes game/ saturu uz jebkuru tīmekļa hostingu, kas pasniedz statiskus failus, paturiet apakšmapes tieši tādas, kādas tās ir, un atveriet mapes adresi pārlūkprogrammā. Gatavā mape game/ katram mūsu tirgus vietas izdevumam darbojas kā ir: bez PHP, bez datubāzes, bez būvēšanas soļa un bez konta, tāpēc hostingam vajag tikai nodot failus spēlētāja pārlūkprogrammai.

Ja viss noiet labi, tas ir viss darbs. Šis ceļvedis ir par citām dienām: tukšu ekrānu, 404 kļūdām, MIME tipa paziņojumu, iframe, kas neparāda neko. Mēs pārdodam šīs veidnes, tāpēc lasiet to kā lauka rokasgrāmatu mūsu paketēm. Mēs pasniedzām Gridspark un Velvet Pool kopijas no vienreizēja lokāla servera, vairākos veidos tīšām salauzām Gridspark un izlasījām citu izdevumu publiskās rokasgrāmatas. Kad apgalvojums nāk no rokasgrāmatas, nevis no mūsu pašu testa, mēs to sakām skaidri.

Ko patiesībā nozīmē HTML5 spēles novietošana

Statisks hostings glabā failus un nodod tos pārlūkprogrammām pēc pieprasījuma. Tas nekad nepalaiž jūsu spēli; to dara spēlētāja pārlūkprogramma. Tāpēc mūsu izdevumu prasības ir tik vienkāršas: pašreizēja pārlūkprogramma, serveris, kas pasniedz statiskus failus pa HTTP vai HTTPS, un nekas no PHP, datubāzes vai konta, lai spēlētu. Mape game/ jau ir sabūvēta, tāpēc to publicējot nav vajadzīgs npm un nav būvēšanas soļa.

Divi ierobežojumi, kas jāzina pirms sākšanas. Dažiem izdevumiem ir neobligātas daļas, kas nav statiskas: Zabum un Ricopop uzskaita neobligātu rezultātu tabulu, kam vajag PHP 7.4 vai jaunāku un rakstāmu mapi, bet TypeScript izdevumiem (Beep Out, Pinloop, Trimora, Twirldrop, Riffvolt, Sunset Rally, Tenguin, Mochi Monsters, Deepforge, Barricade Z un Zabum) Node.js vajadzīgs tikai tad, ja vēlaties rediģēt pirmkodu un pārbūvēt; katra rokasgrāmata norāda versiju. Velvet Pool, Puttide, Ricopop un Gridspark ir vienkāršs JavaScript bez kompilēšanas soļa starp jūsu izmaiņām un augšupielādētajiem failiem. Nekas no tā nav vajadzīgs, lai publicētu spēli tādu, kāda tā piegādāta. Turklāt pati novietošana nav iekļauta pirkumā. Veikala noteikumos hostings un instalēšana uz jūsu servera ir uzskaitīti kā atsevišķi pakalpojumi, par kuriem pirms darba tiek sniegts piedāvājums; atbalsts sedz jautājumus par piegādāto failu instalēšanu un lietošanu.

Kas tiek augšupielādēts un kas paliek jūsu datorā:

• Augšupielādējiet visu mapē game/: index.html, skriptus, stilus, attēlus, skaņas un fontus.
• Neiekļaujiet source/ (rediģējamo izstrādātāja kopiju), documentation/ (rokasgrāmatu) un pašu ZIP. Zabum rokasgrāmatā kā 404 kļūdu cēlonis minēta source/ augšupielāde kļūdaini, piemēram, main.tsx.
• Paturiet kopā ar savu produktu paketē iekļautos trešo pušu licenču paziņojumus, kā prasa noteikumi.

Apskatīt Gridspark, izdevumu, ko izmantojam kā piemēru

Kā novietot HTML5 spēli: īsais ceļš no ZIP līdz spēlējamai lapai

Šie soļi seko Velvet Pool, Puttide, Gridspark un Sunset Rally rokasgrāmatu uzstādīšanas nodaļām, plus pārbaudēm, ko pievienojām pēc testēšanas. Gridspark ir piemērs, jo tas ir izdevums, ko visbiežāk pasniedzām un lauzām.

1. Izsaiņojiet paketi datorā. Atradīsiet game/ (mapi, ko publicējat), source/ (rediģējamo kopiju) un documentation/ (rokasgrāmatu).
2. Neobligāti, bet lēti: pārbaudiet lokāli. Atveriet termināli mapē game/, palaidiet python -m http.server 8765 un apmeklējiet http://localhost:8765/. Ja tur spēle darbojas, faili ir kārtībā, un jebkura vēlāka problēma ir hostinga.
3. Izvēlieties galīgo adresi tagad, piemēram, https://your-site.example/games/gridspark/. Apakšmape darbojas, jo ceļi spēlē ir relatīvi; Gridspark rokasgrāmata iesaka public_html/games/gridspark/.
4. Augšupielādējiet game/ saturu šajā mapē ar hostinga failu pārvaldnieku vai FTP klientu, saglabājot katru apakšmapi. index.html jābūt tieši mapē, nevis vienu līmeni dziļāk.
5. Atveriet mapes adresi pa https, ar gala slīpsvītru. Gridspark spēlē pieskarieties sākuma ekrānam (pārlūkprogrammas gaida pieskārienu vai klikšķi, pirms ļauj skaņu) un nospiediet Play (sākt).
6. Veiciet vienu gājienu, pārlādējiet lapu un pārbaudiet, vai izvēlnē tagad ir Continue (turpināt). Tas pierāda, ka pārlūkprogramma saglabā progresu jūsu adresei.
7. Saitiet uz mapi no savas vietnes vai iegultiet to lapā (skatiet tālāk iframe sadaļu).

Gatava Gridspark mape satur blakus index.html, style.css, gridspark.config.js, src/ un assets/, un rokasgrāmata lūdz tos turēt kopā. Citi izdevumi izkārto lietas citādi (Velvet Pool ir css/ un assets/ viena stila faila vietā), bet noteikums ir tas pats: augšupielādējiet mapi tādu, kāda tā ir.

Kāpēc divkāršs klikšķis uz index.html dod tukšu lapu

Izdevumi, ko atvērām, ielādē kodu kā ES moduļus, un pārlūkprogrammas nevēlas ielādēt moduļus no file:// adresēm. Mēs atvērām Gridspark tieši no diska Chromium pārlūkā un ieguvām tumšu, tukšu ekrānu. Konsolē bija teikts, ka skripts bloķēts CORS politikas dēļ, ar iemeslu „Cross origin requests are only supported for protocol schemes” (šķērsizcelsmes pieprasījumi tiek atbalstīti tikai protokola shēmām, piemēram, http un https). Tā pati mape, pasniegta ar lokālu tīmekļa serveri, uzreiz parādīja sākuma ekrānu. Velvet Pool, Puttide, Sunset Rally un Gridspark rokasgrāmatas saka to pašu: nekad neatveriet spēli no file://.

• Nedarbosies: file:///C:/Users/you/games/gridspark/index.html
• Darbosies: http://localhost:8765/ no lokāla testa servera vai https://your-site.example/games/gridspark/ jūsu hostingā.

Mēs testējām tikai Chromium. Rokasgrāmatas apraksta bloku kā kaut ko, ko parastās pārlūkprogrammas dara, tāpēc gaidiet to visur.

Iegultiet spēli lapā ar iframe

Lai parādītu spēli jau esošā lapā, norādiet iframe uz augšupielādēto mapi. Šis ir tags, ko testējām:

<iframe src="https://your-site.example/games/gridspark/" title="Gridspark" allow="fullscreen; autoplay" width="960" height="540" style="border:0"></iframe>

• src: pilna mapes adrese ar https un gala slīpsvītru.
• title: īss nosaukums. Ekrāna lasītāji to izmanto, lai aprakstītu rāmi.
• allow="fullscreen; autoplay": rokasgrāmatas saka, ka iframe vajadzības gadījumā jāatļauj fullscreen un autoplay. Mūsu testā rāmis no citas adreses bez šī atribūta bija ar izslēgtu pilnekrāna režīmu, un Gridspark vienkārši paslēpa savu pilnekrāna pogu. Vecākais atribūts allowfullscreen deva to pašu rezultātu, kas allow. Rāmis tajā pašā adresē kā lapa pilnekrāna režīmu saņem neatkarīgi no tā.
• Bez sandbox atribūta. Ar sandbox="allow-scripts" vien Gridspark nekad nesākās: rāmis saņem null izcelsmi, pārlūkprogramma bloķēja pašas spēles skriptu, un vietējā glabātuve izmeta drošības kļūdu. Pievienojot allow-same-origin, tas darbojas, bet MDN brīdina, ka šis pāris rāmim tajā pašā izcelsmē noņem aizsardzību, tāpēc savai pašu novietotai spēlei atstājiet sandbox nost.

Pielāgojiet tālruņiem

Fiksēts 16:9 lodziņš izskatās pareizi datorā un nepareizi tālrunī. 390 px platumā iframe ar aspect-ratio 16/9 ir tikai 219 px augsts, un Gridspark izvēlne bija apgriezta zem pogas Daily challenge (ikdienas izaicinājums). Rāmim piešķirot augstumu 75svh, trīs ceturtdaļas ekrāna augstuma, parādījās visa izvēlne. Jūsu pašu lapai vajag arī viewport meta tagu; sešās paketēs, ko atvērām, tāds ir katrā index.html, tāpēc spēle mērogojas, kad to atver tieši.

Spēle darbojas savā adresē bez apkārtējās lapas, tāpēc vienkārša saite, kas atver šo adresi, ir vienmēr derīgs rezerves variants.

Apskatīt Velvet Pool, 3D izdevumu, kas iegultas tāpat

WordPress un citi vietņu veidotāji

Mapes novietošana un rādīšana lapā ir divi atsevišķi darbi, un WordPress tiem izmanto divus dažādus rīkus. Viss zemāk nāk no WordPress dokumentācijas un izstrādātāju atsauces, nevis no WordPress palaišanas mums pašiem.

1. Augšupielādējiet mapi ar hostinga failu pārvaldnieku vai FTP vietnes mapju kokā (piemēram, mapē games/ blakus WordPress mapēm). Nevis caur Media Library: WordPress kods noņem .html un .js no atļautajiem augšupielādes tipiem, ja lietotājam nav unfiltered_html iespējas.
2. Atveriet mapes adresi atsevišķi, pirms pieskaraties kādai lapai. WordPress dokumentētie noklusējuma Apache noteikumi nosūta pieprasījumu uz index.php tikai tad, ja nav atbilstoša faila vai mapes (to pārbauda nosacījumi !-f un !-d), tāpēc augšupielādētā mape tiek pasniegta kā ir.
3. Pievienojiet iframe Custom HTML blokā. WordPress dokumentē, ka lietotājiem bez unfiltered_html iespējas, piemēram, Contributor, iframe tagi tiek noņemti, saglabājot ierakstu. Ja rāmis pazūd pēc saglabāšanas, pārbaudiet, kas lapu rediģēja.

Citi vietņu veidotāji un CMS: mēs tos neesam testējuši un par nevienu no tiem neapgalvojam. Spēlei vajag divas lietas visur: vietu augšupielādētajai mapei un iegultu elementu, kas pieņem iframe. Ja veidotājs nepiedāvā nevienu no tiem, novietojiet mapi jebkur, kas pasniedz statiskus failus, un saitiet uz tās adresi.

Kad tā nesākas: problēmu saraksts

Atveriet pārlūkprogrammas izstrādātāja rīkus (F12 vairumā darbvirsmas pārlūkprogrammu) un apskatiet cilnes Console un Network, pirms ko maināt. Katrs zemāk minētais kļūmes gadījums atstāj tur sarkanu rindiņu, un faila nosaukums tajā parasti norāda cēloni.

Tukšs ekrāns

Pārbaudiet šādā secībā: adrese sākas ar http:// vai https://; konsolē nav sarkanu rindiņu; failu nosaukumos saglabājas precīzs lielo un mazo burtu rakstījums; un 3D izdevumiem ir pieejams WebGL2 (Velvet Pool rokasgrāmata saka iespējot aparatūras paātrinājumu). Linux hostingi uztver Game.js un game.js kā divus failus, bet Windows nē, tāpēc mape, kas strādāja jūsu datorā, pēc augšupielādes var salūzt. Velvet Pool un Zabum rokasgrāmatas abas brīdina par burtu lietojumu.

404 failiem src/main.js, fontiem vai attēliem

Daļa mapes nenonāca līdz galamērķim vai nonāca par vienu līmeni dziļāk. Mēs to reproducējām, augšupielādējot tikai index.html, style.css un konfigurācijas failu: ekrāns palika tukšs, un cilnē Network 404 kļūda bija redzama src/main.js un visiem fontiem. Augšupielādējiet trūkstošās mapes vai pārvietojiet saturu augšup, lai index.html atrastos adresē, ko atverat. Ja attēli vai skaņas trūkst vai ir bojātas, Zabum rokasgrāmata iesaka FTP binārajā vai auto režīmā vai ZIP augšupielādi un izpakošanu hostinga failu pārvaldniekā. 404 ir trūkstošs fails, nevis MIME problēma.

Lapa ielādējas bez stila, ar milzīgām ikonām

Ja pārrakstīšanas vai tīras URL iestatījums pasniedz mapi bez gala slīpsvītras, relatīvie ceļi atrisinās vienu līmeni augstāk. Mēs to reproducējām ar testa serveri, kas atgrieza mapes lapu bez pārvirzīšanas. Pārlūkprogramma pieprasīja /games/style.css un /games/src/main.js, nevis failus mapē /games/gridspark/, saņēma 404 un izzīmēja izvēlni kā neapstrādātas pogas un pārāk lielas ikonas. Saitiet uz mapi ar slīpsvītru beigās vai norādiet tieši uz index.html.

MIME tipa kļūda moduļa skriptā

Mūsu testā konsolē bija: Failed to load module script: Expected a JavaScript-or-Wasm module script but the server responded with a MIME type of "text/plain". Pārlūkprogrammas ir stingras pret moduļu skriptiem. Rokasgrāmatas saka, ka serverim .js failus jāsūta ar JavaScript MIME tipu un .wasm kā application/wasm; Sunset Rally rokasgrāmata pievieno .mjs. Cilnē Network redzams katra faila Content-Type. Atvērtajos būvējumos moduļi ir .js faili. Ja pievienojat savus .mjs failus un vecāka Apache konfigurācija tos nepiesaista, viena rinda .htaccess failā to labo, tā pati, ko izmanto mūsu pašu vietne:

AddType text/javascript .mjs

Apache 2.4.62 tipu tabula mūsu testa mašīnā jau piesaista js un mjs uz text/javascript un wasm uz application/wasm, tāpēc standarta instalācijai šī rinda nav vajadzīga. Citi serveri glabā savas tabulas; pajautājiet tam, kas uztur jūsējo.

Kļūda „Blocked by CORS policy”

Moduļu skripti un fonti, kas ielādēti no citas adreses, prasa Access-Control-Allow-Origin galveni no šīs adreses. Mūsu testā lapa vienā portā nevarēja ielādēt moduļa skriptu no cita porta, kamēr otrs serveris nenosūtīja galveni. Praksē labojums ir garlaicīgs: turiet spēles failus kopā vienā mapē vienā adresē, kā paketes ir veidotas. CORS jums nav vajadzīgs, lai iegultu spēli iframe citā vietnē, jo iframe vienkārši ielādē spēles adresi. CORS kļūda iegultā rāmī parasti nāk no sandbox atribūta, kas aprakstīts iepriekš.

Jaukts saturs https lapā

Lapa, kas pasniegta pa https, nevar ielādēt skriptus vai iframe pa http: pārlūkprogrammas bloķē abus, un MDN starp bloķētajiem tipiem min arī fontus un fetch pieprasījumus. Izmantojiet https:// iframe src un jebkurā pilnā adresē, ko ierakstījāt. Spēles paša faili izmanto relatīvus ceļus, tāpēc tie seko atvērtās adreses shēmai. Ja https adrese vispār neatveras, vispirms ieslēdziet sertifikātu sava hostinga panelī.

Iframe saka „refused to connect”

Mūsu testā Chromium parādīja šādu rindiņu ar bloķētā rāmja adresi pirmajās pēdiņās: Refused to display 'https://game-host.example/' in a frame because it set 'X-Frame-Options' to 'sameorigin'. Serveris, kurā mitinājās spēle, sūtīja šo galveni. SAMEORIGIN ļauj iegulšanu tikai no tās pašas adreses, bet DENY to nekad neļauj; frame-ancestors noteikums Content-Security-Policy galvenē darbojas līdzīgi. Mainiet galveni spēles mapei vai pasniedziet lapu un spēli no vienas adreses.

Sākumā nav skaņas

Pārlūkprogrammas bloķē skaņu līdz pirmajam pieskārienam vai klikšķim, tāpēc Gridspark atveras ar sākuma ekrānu, kas jāaktivizē ar pieskārienu. Pieskarieties vienreiz, pēc tam pārbaudiet skaļumu un pārlūkprogrammas atļaujas.

Apskatīt Puttide, golfa izdevumu ar gatavu būvējumu novietošanai

Atjauniniet spēli, neapkalpojot pusvecu versiju

Pārlūkprogrammas kešo skriptus, tāpēc pēc augšupielādes jūs vai spēlētājs joprojām var skatīties uz veco spēli. Gridspark rokasgrāmata dod noteikumu: dublējiet savus labojumus, aizstājiet spēlējamos failus kā vienu kopumu, pārbaudiet un, ja hostings kešo vecos moduļus, veiciet cieto pārlādi. Nejauciet vecos un jaunos moduļus. Spēle no daudziem maziem failiem, kas importē viens otru, ir nepareizi atjaunināma pusceļā.

Izdevumi ar service worker glabā paši savu kešu. Zabum ir PWA: pēc atjauninājuma veiciet cieto pārlādi (Ctrl vai Cmd plus Shift plus R). Ja nomainījāt skaņas failus, mainiet kešatmiņas nosaukumu failā sw.js (rokasgrāmatas piemērs iet no zabum-v5 uz zabum-v6) un augšupielādējiet šo failu. Ja jūsu vietne atrodas aiz CDN, iztīriet arī tā kešu. No rokasgrāmatām, ko izlasījām, Zabum ir vienīgā PWA; Velvet Pool un Puttide rokasgrāmatas saka tieši, ka to izdevumi nav instalējama bezsaistes lietotne.

Izlasiet izmaiņu žurnālu, pirms nomaināt failus, un paturiet kopiju visam, ko rediģējāt. Saglabājumi dzīvo katra spēlētāja pārlūkprogrammā, nevis mapē, ko augšupielādējat, tāpēc failu nomaiņa tos neizdzēš.

Apskatīt Zabum, PWA izdevumu ar neobligātu PHP rezultātu tabulu

Kur tiek saglabāts progress un ko dara notīrīšana

Šiem izdevumiem nav kontu un servera datubāzes. Iestatījumi, valoda, pašreizējā partija un personīgie rekordi atrodas pārlūkprogrammas vietējā glabātuvē, un nekas netiek sūtīts Polar Games. Gridspark rokasgrāmata min atslēgas gridspark.standalone.v1.*; pēc viena gājiena mēs redzējām gridspark.standalone.v1.best un gridspark.standalone.v1.save.

Glabātuve pieder adresei (protokolam, hostam un portam), nevis mapei. Pārbaudījām to trīs veidos. Gridspark kopija citā mapē tajā pašā adresē nolasīja tās pašas saglabātās vērtības. Tā pati spēle, atvērta kā localhost, nevis 127.0.0.1, sākās tukša, tāpat kā tā pati adrese citā portā. Zabum rokasgrāmata piebilst, ka http un https, www un bez www, un apakšdomēni katrs ir ar savu glabātuvi.

• Notīrot vietnes datus vai sīkdatnes, dzēsta saglabātā spēle un rekordi. Privātā logā progress var saglabāties tikai uz sesiju; spēle turpina darboties, ja glabātuve ir bloķēta.
• Cita pārlūkprogramma vai cita ierīce sākas no nulles. Nav sinhronizācijas un konta, kur ieiet.
• Mainot adresi, visi tiek atiestatīti: no http uz https, no www uz bez www, jauns domēns.
• Pārvietojot spēli uz citu mapi tajā pašā adresē, saglabājumi paliek, kā rādīja mūsu Gridspark tests.

Testu saraksts pirms saites kopīgošanas

1. Atveriet gala adresi pārlūkprogrammās, ko lieto jūsu spēlētāji: uz Chromium bāzētā (Chrome vai Edge), Firefox un Safari. Mūsu paši testi notika tikai Chromium, tāpēc šis ir saraksts, ko izpildīt jums.
2. Atveriet to reālā tālrunī, vispirms spēles adresē un tad jūsu lapā, abās orientācijās.
3. Ierobežojiet savienojumu izstrādātāja rīkos un noskatieties pirmo ielādi. Gridspark, pasniegts nesaspiests no mūsu lokālā servera, prasīja aptuveni 0,5 MB un 26 pieprasījumus, lai sasniegtu sākuma ekrānu. Ar Chromium, kas ierobežots līdz 1,6 Mbit/s un 150 ms latentumam, ekrāns parādījās pēc aptuveni 3 sekundēm. Visa mape game/ mūsu kopijā ir aptuveni 3,4 MB; Velvet Pool ir aptuveni 7,3 MB, Puttide aptuveni 15 MB. Ja veci tālruņi sastopas ar grūtībām, Zabum rokasgrāmata iesaka pārbaudīt, vai hostings saspiež failus ar gzip vai brotli.
4. Veiciet gājienu, pārlādējiet un apstipriniet, ka Continue un labākais rezultāts ir tur.
5. Pieskarieties vienreiz un pārbaudiet, vai sākas skaņa. Klusums pirms pirmā pieskāriena ir normāli.
6. Atveriet privātu logu. Spēlei vajadzētu darboties, pat ja tā aizmirst progresu, kad aizverat logu.
7. Lasiet cilnes Console un Network pirmajā ielādē: nav sarkanu rindiņu, nav 404.
8. Iegultā lapā pārbaudiet, vai parādās pilnekrāna poga un vai rāmis ir pietiekami garš tālrunī.

Biežāk uzdotie jautājumi

Vai HTML5 spēles novietošanai vajag PHP, datubāzi vai īpašu serveri?

Mūsu izdevumiem, kā tie piegādāti, nē. Tie ir statiski: augšupielādējiet mapi game/ hostingā, kas pasniedz failus pa HTTP vai HTTPS, un atveriet to. Zabum un Ricopop ir neobligāta rezultātu tabula, kam vajag PHP 7.4 vai jaunāku un rakstāmu mapi.

Vai varu vienkārši divreiz noklikšķināt uz index.html?

Nē. Pārlūkprogrammas bloķē spēles moduļus file://, un lapa paliek tukša. Atveriet spēli caur http vai https adresi: vai nu savu hostingu, vai lokālu testa serveri, piemēram, python -m http.server 8765.

Vai man vajag HTTPS?

Rokasgrāmatas saka, ka publiskai novietošanai izmantojiet HTTPS. Zabum rokasgrāmata saka, ka Add to home screen (pievienot sākuma ekrānam) to prasa, un https lapa nevar iegult http iframe, jo pārlūkprogrammas to bloķē kā jauktu saturu.

Kā pievienot spēli WordPress lapai?

Augšupielādējiet mapi ar hostinga failu pārvaldnieku vai FTP, atveriet tās adresi, lai apstiprinātu, ka tā darbojas, un tad pievienojiet iframe Custom HTML blokā. Lietotājiem bez unfiltered_html iespējas iframe tiek noņemti, tāpēc pārbaudiet to, kas rediģē lapu.

Kur progress tiek saglabāts un ko darīt, ja spēlētāji notīra pārlūkprogrammas datus?

Pārlūkprogrammas vietējā glabātuvē katrai adresei. Vietnes datu notīrīšana to dzēš, cita pārlūkprogramma vai ierīce sākas tukša, un mainot domēnu vai pārslēdzoties starp http un https, tas tiek atiestatīts. Kontu nav, un nekas nenonāk pie mums.

Vai Polar Games novieto spēli manā vietā?

Nē. Veikals pārdod failus. Atbalsts sedz jautājumus par to instalēšanu un lietošanu; novietošana un instalēšana uz jūsu servera ir atsevišķi pakalpojumi, par kuriem pirms darba sniedzam piedāvājumu.

Nākamais solis

Ja vēl izvēlaties HTML5 spēles savai vietnei, katra preces lapa uzskaita prasības, saista savu rokasgrāmatu un ļauj nospēlēt demo pirms maksāšanas. Vispirms izlasiet uzstādīšanas nodaļu rokasgrāmatā: tā ir lapa, ko izmantosiet šajā ceļvedī aprakstītajam darbam.

Apskatīt HTML5 spēles veidnes