Alustage oma mänguarendusreisi 24a2 lihtsusega

Alustage oma mänguarendusreisi 24a2 lihtsusega
Teiesugused lugejad aitavad MUO-d toetada. Kui teete ostu meie saidil olevate linkide abil, võime teenida sidusettevõtte komisjonitasu. Loe rohkem.

24a2 on väga lihtne, kuid täielikult töötav mängumootor JavaScripti programmeerijatele. Sellel on ebatavaline välimus ja tunnetus, kuid saate seda kasutada mängude programmeerimise põhialuste õppimiseks.





Mängutsükli, värvilise graafika ja lihtsa sisendi toel on 24a2-l kõik, mida vajate väikeste mängude loomiseks minimaalse vaevaga.





Vaadake 24a2 ja alustage oma teekonda täieliku mänguarenduse poole juba täna.





failide ülekandmine ühest Google'i draivist teise

Mis on 24a2?

24a2 on väike avatud lähtekoodiga mootor, mis aitab teil luua põhimänge. Seda on väga lihtne õppida ja mängude loomise alustamiseks on vaja ainult veebibrauserit ja tekstiredaktorit.

24a2 on saanud oma nime selle eraldusvõime järgi: 24 x 24. Võrreldes teistega isegi minimalistlikud mootorid nagu PICO-8 , oma 128 x 128 eraldusvõimega on see pisike! 24a2 kasutab ümmargusi 'piksleid', mille vahel on suured vahed, nii et see näeb välja üsna omanäoline.



  Tavaline suusatamismäng, kus mängijat näidatakse kahe haljasala keskel rajal.

Tõenäoliselt ei kasuta te järgmise hiilgava videomängu väljamõtlemiseks 24a2, kuid see pole tegelikult mõte. 24a2 sobib suurepäraselt algajatele ja saate seda kasutada mängude arendamise põhimõistete õppimiseks.

See sobib suurepäraselt ka põhikontseptsiooni prototüübi loomiseks. Kui märkate, et keeruline mängufüüsika või spraitide animatsioonid häirivad teid, peaks nende eemaldamine aitama teil keskenduda.





Veelgi enam, 24a2 lähtekood on a üks TypeScript-fail . Saate seda kasutada inspiratsiooni saamiseks või isegi muuta, et luua oma täiustatud mängumootor.

Kuidas kasutada 24a2?

Alustage oma mängu põhimalliga:





 <html> 
  <head>
    <script
      src="https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
    </script>
    <script src="game.js"></script>
  </head>
  <body></body>
</html>

Pange tähele, kuidas see kasutab teabe hankimiseks sisu edastamise võrku (cdn.jsdelivr.net). engine.js faili, nii et te ei pea isegi midagi alla laadima ega installima.

Teine skript, game.js , on teie enda mängukoodi jaoks. Alustage absoluutse minimaalse töökoodiga, et kontrollida, kas kõik töötab korralikult:

new Game({}).run();

See väike programm kuvab teie veebibrauseris vaikimisi 24a2 ruudustiku:

  Vaikeruudustik 24x24 helehallidest ringidest, mis moodustavad 24a2's playfield.

Järgmisena peaksite tutvuma 24a2 tagasihelistamise funktsioonidega, mis moodustavad mootori tuuma. Need kontseptsioonid on mängumootorite vahel ülekantavad, nii et nende toimimise õppimine on teile kasulik ka peale 24a2 kasutamise.

Seal on käputäis olulisi funktsioone, mida saate defineerida ja Game() konstruktorile edastada konfig objektiks.

 let config = { 
  create: create,
  update: update,
  onKeyPress: onKeyPress,
  onDotClicked: onDotClicked
};

let game = new Game(config);
game.run();

24a2 kutsub käivitamisel välja funktsiooni, mille määrate failis config.create. Saate seda kasutada oma mängu konfiguratsiooni lähtestamiseks, andmestruktuuride seadistamiseks jne.

 function create(game) {}

Värskendusfunktsioon töötab teie mängu jooksul perioodiliselt. See on peamine mängusilmus mis teistes mootorites koosneb tavaliselt mängu oleku värskendamise ja ekraani ümberjoonistamise eraldi sammudest. Funktsiooniga 24a2 saate selles funktsioonis hakkama mõlema toiminguga.

 function update(game) {}

Lõpuks, sisendi jäädvustamiseks peate käsitlema nooleklahvide vajutusi, hiireklõpse või mõlemat. 24a2 edastab suuna teie onKeyPressi funktsioonile, kui mängija vajutab nooleklahvi. See edastab onDotClickedile x- ja y-koordinaadid, kui nad hiirega punkti klõpsavad.

 function onKeyPress(direction) {} 
function onDotClicked(x, y) {}

Milliseid mänge saate 24a2 abil luua?

The 24a2 sait sisaldab kolme näitemängu, sealhulgas õpetust. Teised, mida see tutvustab, on lihtne madumäng ja suusatamisväljakutse.

The GitHubi hoidla sisaldab linke mõnele teisele mängule, sealhulgas Space Invaders, Tic-Tac-Toe ja minimaalne Paint programm. You Killed a Bear on arenenum ja Maze Craze on hea näide selle kohta, kuidas standardse ruudustiku peale täiendavat graafikat kihistada.

käivitage Windows 10 Windows 10 -s

24MadRush on Tetrise 'kloon', mis kasutab suurepäraselt värvipaletti. See algab ka uuendusliku mängitava õpetusega, mis demonstreerib selle funktsioone.

  24MadRush, langevate plokkidega mäng, mille 4 alumises reas on segatud värvide täpid.

24a2 mängude tehnilised andmed

24a2 on disainilt väga piiratud. Kuid see annab suurepärase võimaluse loovuseks. Üks neist parimad näpunäited loomingulisemaks muutmiseks on piirangute omaksvõtmine.

Lisaks piiratud eraldusvõimele piirab 24a2 teil:

  • Värvipalett, mis koosneb vaid üheksast värvist: vikerkaarevärvilised pluss must ja hall.
  • Väga lihtne sisend: nooleklahvivajutused ja hiireklõpsud täppide ruudustikul.
  • Vaikus: muusikat ega heliefekte ei toetata.

Siiski saate alati kirjutada täiendava JavaScripti koodi, et laiendada oma mängu nendest piirangutest kaugemale. Ja kuna mootor on avatud lähtekoodiga, võite seda vabalt arendada nii, nagu õigeks peate.

Turgutage end 24a2 abil suuremate asjade poole

Proovige ennast 24a2-ga testida. Looge klassikaline mäng uuesti või leiutage oma mäng. Käigupõhised mängud, nagu lauamängud, töötavad mootoriga väga hästi.

Kui 24a2 sütitab teie kire mänguarendaja vastu, on palju võimalusi teekonna jätkamiseks. PICO-8, Godot, Unity ja GameMaker on kõik populaarsed valikud.