Kaip sukurti savo žodžių žaidimą

Kaip veikia toks internetinis žaidimas kaip Wordle? Ką reikia žinoti norint sukurti savo žaidimą?

Ne kiekvienam žaidimui reikia didžiulės kūrėjų komandos ir metų kūrimo, kad jis būtų sėkmingas. Pavyzdžiui, „Wordle“ per trumpą laiką sukūrė Joshas Wardle’as savo partneriui Palakui Shah, ir, nepaisant jo paprastumo ir labai nedaug funkcijų, dėl neįtikėtino populiarumo jis pelnė „New York Times“ išpirką.

Kaip veikia toks internetinis žaidimas kaip Wordle

Jei turite idėją apie paprastą, bet priklausomybę sukeliantį žaidimą, kuris galėtų patraukti pasaulio dėmesį ir uždirbti daug pinigų, visiškai įmanoma sukurti tokią žiniatinklio programą kaip Wordle.

„Wordle“ svetainės struktūra, kaip ir bet kuri svetainė, yra HTML, hiperteksto žymėjimo kalba. Tai kodas, kuriuo remiasi visos svetainės, kad nurodytų naršyklei, kur įdėti elementus, kai puslapis įkeliamas. Svetainė, kurią šiuo metu skaitote, yra užkoduota HTML, todėl pateikiamas ne tik tikrasis turinys, bet ir to turinio rodymo instrukcijos – nuo ​​meniu padėties iki šrifto dydžio.

Be HTML, yra CSS, pakopiniai stiliaus lapai: tai yra HTML priedas, palengvinantis elementų išdėstymą, nesvarbu, ar tai vaizdo, ar teksto bloko savybės. Naudodami CSS, jei svetainėje turite kelis puslapius, galite nustatyti jų vaizdines ypatybes vieną kartą, o ne kiekvienam puslapiui.

Jei norite turėti galimybę kurti tinklalapius, turite išmokti HTML ir CSS, nors daugelis paslaugų leidžia tai padaryti neįrašant nė vienos kodo eilutės. Šios paslaugos suteikia galimybę vilkti ir mesti elementus į labai pažangią sąsają ir valdyti visą HTML ir CSS.

Kad svetainė būtų visiškai interaktyvi, kaip „Wordle“, jums taip pat reikia „JavaScript“, kad statiniai HTML ir CSS puslapiai būtų konvertuojami į dinamiškesnius puslapius, nesvarbu, ar tai būtų paieškos laukelis, ar įrankių juosta. JavaScript gali manipuliuoti vaizdo įrašu, 2D ar 3D, saugoti vartotojo įvestą informaciją, įkelti duomenis iš duomenų bazės, atlikti skaičiavimus, vykdyti iš anksto nustatytą kodą pagal konkretų vartotojo veiksmą ir pan.

Kaip „TechCrunch“ paaiškino Joshas Wardle’as, „Wordle“ buvo parašyta „JavaScript“ – kodu, kuris įkeliamas įkeliant puslapį, todėl žaidimą galima žaisti neprisijungus po pradinio įkėlimo. Šiuolaikinės naršyklės gali suprasti ir vykdyti JavaScript, kuris mūsų atveju įkelia žodį iš duomenų bazės, identifikuoja vartotojo įvestą informaciją ir pateikia informaciją kiekvienai raidei.

Pats Joshas Wardle’as pripažįsta, kad žaidimo kodas nėra ypač sudėtingas, o tai paaiškina, kodėl buvo galima atsisiųsti visą Wordle, kol NYT jį nupirko, su visais žodžiais jo duomenų bazėje. Taip pat buvo galima rasti sprendimus tiesiog ištyrus svetainės šaltinio kodą.

Ką reikia žinoti norint sukurti savo žaidimą?

Bet kaip pačiam sukurti tokį žaidimą kaip Wordle? Programuoti reikia mokytis, bet nereikia žinoti visko apie HTML, CSS ir JavaScript, kad sukurtumėte ką nors Wordle lygiu. Kaip paaiškinta Codecademy, vienas iš naudojamų programavimo būdų yra for kilpa, kuri patikrina kiekvieną įvestą raidę ir parodo ją atitinkama spalva.

Codecademy yra viena iš svetainių, kurioje galite nemokamai išmokti HTML, CSS, JavaScript ir daugelio kitų žiniatinklio kūrimo kalbų. Pratimai yra gerai struktūruoti ir jūs visada mokotės juos atlikdami tiesiai naršyklėje. Pamatysite, kaip tai padaryti, ir galėsite tiesiogiai matyti pasekmes. Kai kurioms išplėstinėms funkcijoms ir mokymo priemonėms reikalinga mokama prenumerata, tačiau daug ką jau galima išmokti nemokamai.

„Treehouse“ yra daugiau nei „Codecademy“ ir, norėdami juo naudotis, turite sumokėti 25 USD per mėnesį (galima nemokama bandomoji versija). Tai profesionalesnis ir efektyvesnis šaltinis, skirtas mokytis HTML, CSS, JavaScript ir kt., tačiau yra daug daugiau, nei reikia tokiam žaidimui kaip Wordle. Apsvarstykite, ar norite eiti toliau.

Priešingybė Tree House, Dash . Svetainė apima tik HTML, CSS ir JavaScript pagrindus, tačiau ji yra visiškai nemokama ir ypač pritaikyta pradedantiesiems. Viskas tvarkoma tiesiai jūsų naršyklėje ir, kaip ir „Codecademy“, išmokstate visapusiškai pasinaudoti šių kalbų teikiamais privalumais.

Šis sąrašas toli gražu nėra baigtinis, juolab kad tai tik anglų kalbos ištekliai, nesunkiai juos rasite prancūzų kalba, tačiau jie yra geras pagrindas pradėti mokytis apie HTML, CSS ir JavaScript. Jūs turite žaisti… ir koduoti!