24a2 yra labai paprastas, bet visiškai veikiantis žaidimų variklis, skirtas „JavaScript“ programuotojams. Jis turi neįprastą išvaizdą ir pojūtį, tačiau jį galite naudoti norėdami išmokti žaidimų programavimo pagrindų.
Palaikydamas žaidimo kilpą, spalvingą grafiką ir paprastą įvestį, 24a2 turi viską, ko reikia norint sukurti mažus žaidimus su minimaliomis pastangomis.
Išbandykite 24a2 ir pradėkite savo kelionę link pilno žaidimo kūrimo jau šiandien.
Kas yra 24a2?
24a2 yra mažas atvirojo kodo variklis, padedantis kurti pagrindinius žaidimus. Tai labai lengva išmokti ir viskas, ko jums reikia norint pradėti kurti žaidimus, yra žiniatinklio naršyklė ir teksto rengyklė.
24a2 pavadinimas kilęs iš savo skiriamosios gebos: 24 x 24. Net lyginant su kitais minimalistiniai varikliai, tokie kaip PICO-8128 x 128 skiriamoji geba yra maža! 24a2 naudoja apskritus „pikselius“ su dideliais tarpais tarp jų, todėl atrodo gana savitai.
Tikriausiai nenaudosite 24a2, kad sukurtumėte kitą įspūdingą vaizdo žaidimą, bet tai tikrai ne esmė. 24a2 puikiai tinka pradedantiesiems, ir jūs galite jį naudoti norėdami išmokti kai kurių pagrindinių žaidimų kūrimo koncepcijų.
Tai taip pat puikiai tinka pagrindinės koncepcijos prototipams kurti. Jei jus blaško sudėtinga žaidimų fizika ar „Spraite“ animacija, viso to pašalinimas turėtų padėti sutelkti dėmesį.
Be to, 24a2 šaltinio kodas yra a vieną TypeScript failą. Galite naudoti jį įkvėpimui ar net modifikuoti, kad sukurtumėte savo pažangesnį žaidimo variklį.
Kaip naudojate 24a2?
Pradėkite nuo pagrindinio žaidimo šablono:
<html>
<galva>
<scenarijus
src=" https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
scenarijus>
<scenarijussrc="game.js">scenarijus>
galva>
<kūnas>kūnas>
html>
Atkreipkite dėmesį, kaip šaltiniui gauti naudojamas turinio pristatymo tinklas (cdn.jsdelivr.net). engine.js failą, todėl jums net nereikia nieko atsisiųsti ar įdiegti.
Antrasis scenarijus, game.js, skirtas jūsų žaidimo kodui. Pradėkite nuo absoliutaus minimalaus darbo kodo, kad patikrintumėte, ar viskas tinkamai veikia:
naujas žaidimas({}).run();
Ši mažytė programa jūsų žiniatinklio naršyklėje parodys numatytąjį 24a2 tinklelį:
Tada norėsite susipažinti su 24a2 atgalinio skambinimo funkcijomis, kurios sudaro variklio šerdį. Šias sąvokas galima perkelti į žaidimų variklius, todėl išmokti, kaip jos veikia, jums bus naudinga ne tik naudojant 24a2.
Yra keletas esminių funkcijų, kurias galite apibrėžti ir perduoti Game() konstruktoriui naudodami konfig objektas.
leisti config = {
kurti: kurti,
atnaujinti: atnaujinti,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};
leisti žaidimas = naujas Žaidimas (konfigūracija);
game.run();
24a2 iškviečia funkciją, kurią nurodote config.create, kai ji paleidžiama. Tai galite naudoti norėdami inicijuoti savo žaidimo konfigūraciją, nustatyti duomenų struktūras ir pan.
funkcijasukurti(žaidimas) {}Atnaujinimo funkcija veikia periodiškai per visą žaidimo laiką. Tai yra pagrindinė žaidimo kilpa kuri kituose varikliuose paprastai susideda iš atskirų žingsnių, skirtų atnaujinti žaidimo būseną ir perpiešti ekraną. Naudodami 24a2 atliksite abi šios funkcijos operacijas.
funkcijaatnaujinti(žaidimas) {}Galiausiai, norėdami užfiksuoti įvestį, turėsite paspausti rodyklių klavišus, spustelėti pelę arba abu. 24a2 perduoda kryptį į jūsų onKeyPress funkciją, kai grotuvas paspaudžia rodyklės klavišą. Jis perduoda x ir y koordinates onDotClicked, jei jie spustelėja tašką naudodami pelę.
funkcijaonKeyPress(kryptis) {}
funkcijaonDotClicked(x, y) {}
Kokius žaidimus galite sukurti naudodami 24a2?
The 24a2 svetainėje yra trys žaidimų pavyzdžiai, įskaitant mokymo programą. Kiti, kuriuos jis demonstruoja, yra paprastas žaidimas „Snake“ ir slidinėjimo iššūkis.
The GitHub saugykla apima nuorodas į kai kuriuos kitus žaidimus, įskaitant „Space Invaders“, „Tic-Tac-Toe“ ir minimalią „Paint“ programą. „You Killed a Bear“ yra pažangesnė, o „Maze Craze“ puikiai parodo, kaip ant standartinio tinklelio pridėti papildomos grafikos.
24MadRush yra Tetris „klonas“, kuris puikiai išnaudoja spalvų paletę. Jis taip pat prasideda nuo naujoviško žaidžiamo mokymo programos, kurioje parodomos jo funkcijos.
24a2 žaidimų techninės specifikacijos
24a2 dizainas yra labai ribotas. Tačiau tai suteikia puikią galimybę kūrybiškumui. Vienas iš geriausi patarimai, kaip būti kūrybiškesniems yra priimti suvaržymus.
Be ribotos skiriamosios gebos, 24a2 riboja:
- Tik devynių spalvų paletė: vaivorykštės spalvos, taip pat juoda ir pilka.
- Labai paprasta įvestis: rodyklės klavišų paspaudimai ir pelės paspaudimai taškų tinklelyje.
- Tyla: muzika ar garso efektai nepalaikomi.
Tačiau visada galite parašyti papildomą „JavaScript“ kodą, kad išplėstumėte savo žaidimą virš šių apribojimų. Ir kadangi variklis yra atvirojo kodo, galite laisvai kurti jį taip, kaip jums atrodo tinkama.
Paskatinkite save siekti didesnių dalykų naudodami 24a2
Pabandykite išbandyti save naudodami 24a2. Atkurkite klasikinį žaidimą arba sugalvokite savo. Žaidimai posūkiais, kaip ir stalo žaidimai, labai gerai veiks su varikliu.
Jei 24a2 uždegs jūsų aistrą žaidimų kūrėjams, yra daug galimybių tęsti kelionę. PICO-8, Godot, Unity ir GameMaker yra populiarūs pasirinkimai.
