Započnite svoje Game Dev putovanje uz jednostavnost 24a2

Započnite svoje Game Dev putovanje uz jednostavnost 24a2
Čitatelji poput vas podržavaju MUO. Kada kupite putem poveznica na našoj stranici, možemo zaraditi partnersku proviziju. Čitaj više.

24a2 je vrlo jednostavan, ali potpuno operativan, motor za igre za JavaScript programere. Ima neobičan izgled i dojam, ali možete ga koristiti za učenje osnova programiranja igara.





Uz podršku za petlju igre, živopisnu grafiku i jednostavan unos, 24a2 ima sve što vam je potrebno za stvaranje malih igara uz minimalan napor.





Provjerite 24a2 i započnite svoje putovanje prema potpunom razvoju igre danas.





Što je 24a2?

24a2 je mali motor otvorenog koda koji vam pomaže u izradi osnovnih igara. Vrlo je jednostavan za naučiti i sve što trebate za početak izrade svojih igara je web preglednik i uređivač teksta.

24a2 je dobio ime po rezoluciji: 24 x 24. Čak iu usporedbi s ostalima minimalistički motori poput PICO-8 , sa svojom rezolucijom od 128 x 128, ovo je maleno! 24a2 koristi kružne 'piksele', s velikim razmacima između njih, tako da izgleda prilično osebujno.



  Osnovna igra skijanja s igračem prikazanim na stazi u sredini dvije zelene površine.

Vjerojatno nećete koristiti 24a2 da biste osmislili sljedeću hit videoigru, ali to nije poanta. 24a2 je savršen za početnike i možete ga koristiti za učenje nekih temeljnih koncepata koji stoje iza razvoja igrica.

Također je izvrstan za izradu prototipa temeljnog koncepta. Ako vas ometa kompleksna fizika igre ili animacije duhova, uklanjanje svega toga trebalo bi vam pomoći da se usredotočite.





Štoviše, izvorni kod 24a2 je a jedna TypeScript datoteka . Možete ga koristiti kao inspiraciju ili ga čak modificirati kako biste stvorili vlastiti, napredniji pokretač igre.

stvorite USB pokretački sustav iz iso

Kako koristite 24a2?

Započnite s osnovnim predloškom za svoju igru:





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

Primijetite kako ovo koristi mrežu za isporuku sadržaja (cdn.jsdelivr.net) za izvor motor.js datoteku, tako da čak ne morate ništa preuzimati ili instalirati.

Drugi scenarij, igra.js , je za vaš vlastiti kod igre. Započnite s apsolutnim minimalnim radnim kodom kako biste provjerili da sve ispravno radi:

new Game({}).run();

Ovaj mali program prikazat će zadanu mrežu 24a2 u vašem web pregledniku:

  Zadana mreža 24x24 svijetlosivih krugova koji čine 24a2's playfield.

Zatim ćete se htjeti upoznati s funkcijama povratnog poziva 24a2 koje čine jezgru motora. Ovi koncepti mogu se prenositi na različite motore za igre, pa će vam učenje o tome kako rade koristiti i izvan upotrebe 24a2.

kako sakriti programe na Windows 10

Postoji nekoliko bitnih funkcija koje možete definirati i proslijediti Game() konstruktoru putem konfiguracija objekt.

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

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

24a2 poziva funkciju koju navedete u config.create kada se pokrene. Ovo možete koristiti za inicijalizaciju vlastite konfiguracije vaše igre, postavljanje strukture podataka itd.

 function create(game) {}

Funkcija ažuriranja izvodi se povremeno tijekom trajanja vaše igre. Ovo je glavna petlja igre koji se u drugim motorima obično sastoji od zasebnih koraka za ažuriranje stanja igre i ponovno crtanje zaslona. Uz 24a2, upravljat ćete objema operacijama u ovoj funkciji.

 function update(game) {}

Naposljetku, da biste uhvatili unos, morat ćete rukovati pritiskom tipki sa strelicama, klikovima mišem ili oboje. 24a2 prosljeđuje smjer vašoj funkciji onKeyPress kada igrač pritisne tipku sa strelicom. Prosljeđuje x i y koordinate onDotClickedu ako mišem kliknu na točku.

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

Kakve igre možete stvoriti s 24a2?

The 24a2 mjesto sadrži tri primjera igara uključujući vodič. Ostale koje prikazuje su jednostavna igra Snake i Skiing challenge.

The GitHub spremište uključuje poveznice na neke druge igre uključujući Space Invaders, Tic-Tac-Toe i minimalni program Paint. You Killed a Bear je napredniji, a Maze Craze je dobra demonstracija kako staviti dodatnu grafiku na vrh standardne mreže.

24MadRush je 'klon' Tetrisa koji odlično koristi paletu boja. Također počinje s inovativnim vodičem za igru ​​koji demonstrira njegove značajke.

  24MadRush, igra s padajućim blokovima s mrljom točaka različitih boja u donja 4 reda.

Tehničke specifikacije 24a2 igara

24a2 je vrlo ograničen, po dizajnu. Ali ovo pruža izvrsnu priliku za kreativnost. Jedan od vrhunski savjeti kako biti kreativniji je prihvatiti ograničenja.

Osim ograničene rezolucije, 24a2 vas ograničava na:

  • Paleta boja od samo devet boja: one u duginim bojama plus crna i siva.
  • Vrlo jednostavan unos: pritisci tipki sa strelicama i klikovi mišem na rešetku s točkama.
  • Tišina: nema nikakve podrške za glazbu ili zvučne efekte.

Međutim, uvijek možete napisati dodatni JavaScript kôd kako biste proširili svoju igru ​​izvan ovih ograničenja. A budući da je motor otvorenog koda, slobodni ste ga razvijati na koji god način smatrate prikladnim.

Potaknite se na veće stvari uz 24a2

Pokušajte se testirati s 24a2. Ponovno stvorite klasičnu igru ​​ili izmislite neku vlastitu. Naizmjenične igre, poput društvenih igara, vrlo će dobro funkcionirati s motorom.

Ako 24a2 probudi vašu strast prema razvijanju igara, postoji mnogo prilika za nastavak putovanja. PICO-8, Godot, Unity i GameMaker popularni su izbori.