Tādi lasītāji kā jūs palīdz atbalstīt MUO. Veicot pirkumu, izmantojot saites mūsu vietnē, mēs varam nopelnīt filiāles komisiju. Lasīt vairāk.

24a2 ir ļoti vienkāršs, bet pilnībā funkcionējošs spēļu dzinējs JavaScript programmētājiem. Tam ir neparasts izskats un darbība, taču varat to izmantot, lai apgūtu spēļu programmēšanas pamatus.

Ar spēles cilpas atbalstu, krāsainu grafiku un vienkāršu ievadi, 24a2 ir viss nepieciešamais, lai ar minimālu piepūli izveidotu mazas spēles.

Iepazīstieties ar 24a2 un sāciet savu ceļojumu uz pilnu spēles izstrādi jau šodien.

Kas ir 24a2?

24a2 ir mazs atvērtā pirmkoda dzinējs, kas palīdz izveidot pamata spēles. To ir ļoti viegli iemācīties, un viss, kas jums nepieciešams, lai sāktu veidot savas spēles, ir tīmekļa pārlūkprogramma un teksta redaktors.

24a2 nosaukums ir cēlies no izšķirtspējas: 24x24. Pat salīdzinot ar citiem minimālistiski dzinēji, piemēram, PICO-8, ar savu 128 x 128 izšķirtspēju, tas ir mazs! 24a2 izmanto apļveida "pikseļus" ar lielām atstarpēm starp tiem, tāpēc tas izskatās diezgan raksturīgs.

instagram viewer

Jūs, iespējams, neizmantosiet 24a2, lai izstrādātu nākamo iespaidīgo videospēli, taču tas nav īsti galvenais. 24a2 ir lieliski piemērots iesācējiem, un jūs varat to izmantot, lai uzzinātu dažus spēles izstrādes pamatjēdzienus.

Tas ir lieliski piemērots arī pamatkoncepcijas prototipa izveidei. Ja atklājat, ka jūsu uzmanību novērš sarežģīta spēļu fizika vai spraita animācijas, visa tā noņemšana palīdzēs jums koncentrēties.

Turklāt 24a2 pirmkods ir a viens TypeScript fails. Varat to izmantot iedvesmai vai pat modificēt, lai izveidotu savu progresīvāku spēļu dzinēju.

Kā jūs izmantojat 24a2?

Sāciet ar savas spēles pamata veidni:

<html>
<galvu>
<skripts
src=" https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
skripts>
<skriptssrc="spēle.js">skripts>
galvu>
<ķermeni>ķermeni>
html>

Ievērojiet, kā tas izmanto satura piegādes tīklu (cdn.jsdelivr.net), lai iegūtu avotu engine.js failu, tāpēc jums pat nekas nav jālejupielādē vai jāinstalē.

Otrais skripts, spēle.js, ir paredzēts jūsu spēles kodam. Sāciet ar absolūto minimālo darba kodu, lai pārbaudītu, vai viss darbojas pareizi:

jauna spēle({}).run();

Šī mazā programma parādīs noklusējuma 24a2 režģi jūsu tīmekļa pārlūkprogrammā:

Pēc tam vēlēsities iepazīties ar 24a2 atzvanīšanas funkcijām, kas veido dzinēja kodolu. Šie jēdzieni ir pārnesami uz citiem spēļu dzinējiem, tāpēc, lai uzzinātu, kā tie darbojas, jūs varēsit izmantot ne tikai 24a2, bet arī citus.

Ir dažas būtiskas funkcijas, kuras varat definēt un nodot Game() konstruktoram, izmantojot konfigurācija objektu.

ļaut config = {
izveidot: izveidot,
atjaunināt: atjaunināt,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};

ļaut spēle = jauns spēle (konfigurācija);
spēle.run();

24a2 startējot izsauc funkciju, kuru norādījāt failā config.create. Varat to izmantot, lai inicializētu savas spēles konfigurāciju, iestatītu datu struktūras utt.

funkcijuizveidot(spēle) {}

Atjaunināšanas funkcija darbojas periodiski visu spēles laiku. Tas ir galvenā spēles cilpa kas citos dzinējos parasti sastāv no atsevišķām darbībām, lai atjauninātu spēles stāvokli un pārzīmētu ekrānu. Izmantojot 24a2, jūs veiksit abas šīs funkcijas darbības.

funkcijuAtjaunināt(spēle) {}

Visbeidzot, lai tvertu ievadi, jums būs jānospiež bulttaustiņi, jānospiež peles vai abi. 24a2 nodod virzienu jūsu onKeyPress funkcijai, kad atskaņotājs nospiež bulttaustiņu. Tas nodod x un y koordinātas onDotClicked, ja viņi noklikšķina uz punkta, izmantojot peli.

funkcijuonKeyPress(virziens) {}
funkcijuonDotClicked(x, y) {}

Kāda veida spēles var izveidot, izmantojot 24a2?

The 24a2 vietne satur trīs spēļu piemērus, tostarp apmācību. Pārējās tajā redzamās ir vienkārša čūskas spēle un slēpošanas izaicinājums.

The GitHub repozitorijs ietver saites uz dažām citām spēlēm, tostarp Space Invaders, Tic-Tac-Toe un minimālo Paint programmu. You Killed a Bear ir uzlabots, un Maze Craze ir labs demonstrējums tam, kā standarta režģī ievietot papildu grafiku.

24MadRush ir Tetris “klons”, kas lieliski izmanto krāsu paleti. Tas arī sākas ar novatorisku atskaņojamu pamācību, kas demonstrē tās funkcijas.

24a2 spēļu tehniskās specifikācijas

24a2 dizains ir ļoti ierobežots. Bet tas sniedz lielisku iespēju radošumam. Viens no galvenie padomi, kā būt radošākam ir pieņemt ierobežojumus.

Papildus ierobežotajai izšķirtspējai 24a2 ierobežo jūs:

  • Krāsu palete, kurā ir tikai deviņas krāsas: varavīksnes krāsās un melnā un pelēkā krāsā.
  • Ļoti vienkārša ievade: bulttaustiņu nospiešana un peles klikšķi uz punktu režģa.
  • Klusums: netiek atbalstīta mūzika vai skaņas efekti.

Tomēr jūs vienmēr varat uzrakstīt papildu JavaScript kodu, lai paplašinātu savu spēli ārpus šiem ierobežojumiem. Un, tā kā dzinējs ir atvērtā pirmkoda dzinējs, jūs varat brīvi to attīstīt tā, kā uzskatāt par piemērotu.

Pamudiniet sevi uz lielākām lietām, izmantojot 24a2

Mēģiniet pārbaudīt sevi ar 24a2. Atkārtoti izveidojiet klasisku spēli vai izgudrojiet kādu no savām. Gājienu spēles, piemēram, galda spēles, ļoti labi darbosies ar dzinēju.

Ja 24a2 aizrauj jūsu aizraušanos ar spēļu izstrādātāju, ir daudz iespēju turpināt ceļu. PICO-8, Godot, Unity un GameMaker ir populāras izvēles iespējas.