Kā izveidot savu vārdu spēli

Kā darbojas tāda tīmekļa spēle kā Wordle? Kas jums jāzina, lai izveidotu savu spēli?

Ne katrai spēlei ir nepieciešama milzīga izstrādes komanda un gadu ilga attīstība, lai gūtu panākumus. Piemēram, Wordle īsā laikā izveidoja Džošs Vordls savam partnerim Palakam Šaham, un, neskatoties uz tā vienkāršību un ļoti mazajām funkcijām, tā neticamā popularitāte nopelnīja tai New York Times izpirkuma maksu.

Kā darbojas tīmekļa spēle, piemēram, Wordle

Ja jums ir ideja par vienkāršu, bet atkarību izraisošu spēli, kas varētu piesaistīt pasaules uzmanību un nopelnīt lielus ienākumus, ir pilnīgi iespējams pats uzrakstīt tādu tīmekļa lietojumprogrammu kā Wordle.

Wordle vietņu ietvars, tāpat kā jebkura vietne, HTML ir hiperteksta iezīmēšanas valoda. Šis ir kods, ko izmanto visas vietnes, lai norādītu jūsu pārlūkprogrammai, kur ievietot elementus, kad lapa tiek ielādēta. Vietne, kuru pašlaik lasāt, ir HTML kodēta, nodrošinot ne tikai faktisko saturu, bet arī norādījumus šī satura parādīšanai, sākot no izvēlnes pozīcijas līdz fonta izmēram.

Papildus HTML ir CSS, Cascading Style Sheets: tas ir HTML papildinājums, lai atvieglotu elementu izkārtojumu neatkarīgi no tā, vai tie ir attēla vai teksta bloka īpašības. Izmantojot CSS, ja jūsu vietnē ir vairākas lapas, varat iestatīt to vizuālos rekvizītus vienu reizi, nevis katru lapu.

Ja vēlaties izveidot tīmekļa lapas, jums jāapgūst HTML un CSS, lai gan daudzi pakalpojumi ļauj to izdarīt, neierakstot nevienu koda rindiņu. Šie pakalpojumi piedāvā iespēju vilkt un nomest elementus ļoti uzlabotā saskarnē un kontrolēt visu HTML un CSS.

Lai vietne būtu pilnībā interaktīva, piemēram, Wordle, jums ir nepieciešams arī JavaScript, lai statiskās HTML un CSS lapas pārveidotu par dinamiskākām lapām neatkarīgi no tā, vai tas ir meklēšanas lodziņš vai rīkjosla. JavaScript var manipulēt ar video, 2D vai 3D, saglabāt lietotāja ievadīto informāciju, ielādēt datus no datu bāzes, veikt aprēķinus, izpildīt iepriekš definētu kodu atbilstoši konkrētai lietotāja darbībai utt.

Kā Džošs Vordls paskaidroja TechCrunch, Wordle tika rakstīts JavaScript — kodā, kas tiek ielādēts, kad lapa tiek ielādēta, ļaujot spēli spēlēt bezsaistē pēc sākotnējās ielādes pabeigšanas. Mūsdienu pārlūkprogrammas var saprast un izpildīt JavaScript, kas mūsu gadījumā ielādē vārdu no datu bāzes, identificē lietotāja ievadi un sniedz informāciju par katru burtu.

Pats Džošs Vordls atzīst, ka spēles kods nav īpaši sarežģīts, un tas izskaidro, kāpēc Wordle bija iespējams lejupielādēt pilnībā, pirms to iegādājās NYT, ar visiem vārdiem tās datubāzē. Bija iespējams arī atrast risinājumus, vienkārši pārbaudot vietnes pirmkodu.

Kas jums jāzina, lai izveidotu savu spēli?

Bet kā jūs pats izveidojat tādu spēli kā Wordle? Programmēšana prasa mācīties, taču jums nav jāzina viss par HTML, CSS un JavaScript, lai kaut ko izveidotu Wordle līmenī. Kā paskaidrots Codecademy, viena no izmantotajām programmēšanas metodēm ir for cilpa, kas pārbauda katru ievadīto burtu un parāda to atbilstošā krāsā.

Codecademy ir viena no vietnēm, kur bez maksas varat apgūt HTML, CSS, JavaScript un daudzas citas tīmekļa izstrādes valodas. Vingrinājumi ir labi strukturēti, un jūs vienmēr mācāties, veicot tos tieši savā pārlūkprogrammā. Jūs redzēsiet, kā to izdarīt, un varēsiet tieši redzēt sekas. Dažām papildu funkcijām un pamācībām ir nepieciešams maksas abonements, taču daudz ko jau var apgūt bez maksas.

Treehouse sniedzas tālāk par Codecademy, un, lai to izmantotu, ir jāmaksā USD 25 mēnesī (pieejama bezmaksas izmēģinājuma versija). Tas ir profesionālāks un efektīvāks resurss HTML, CSS, JavaScript un citu valodu apguvei, taču tas ir daudz plašāks par to, kas nepieciešams tādai spēlei kā Wordle. Apsveriet, vai vēlaties iet tālāk.

Tree House pretstats, Dash . Vietne aptver tikai HTML, CSS un JavaScript pamatus, taču tā ir pilnīgi bezmaksas un īpaši piemērota iesācējiem. Viss tiek pārvaldīts tieši jūsu pārlūkprogrammā, un tāpat kā Codecademy jūs mācāties, darot, lai pilnībā izmantotu šo valodu piedāvātās priekšrocības.

Šis saraksts nebūt nav pilnīgs, jo īpaši tāpēc, ka tie ir tikai angļu valodas resursi, kurus varat viegli atrast franču valodā, taču tie ir labs pamats, lai sāktu mācīties par HTML, CSS un JavaScript. Spēlēt un kodēt ir atkarīgs no jums!