24a2 este un motor de joc foarte de bază, dar complet operațional, pentru programatorii JavaScript. Are un aspect neobișnuit, dar îl puteți folosi pentru a afla elementele fundamentale ale programării jocurilor.
Cu suport pentru o buclă de joc, grafică colorată și intrare simplă, 24a2 are tot ce ai nevoie pentru a crea jocuri mici cu efort minim.
Consultați 24a2 și începeți azi călătoria către dezvoltarea completă a jocului.
Ce este 24a2?
24a2 este un motor mic, open-source, care vă ajută să creați jocuri de bază. Este foarte ușor de învățat și tot ce aveți nevoie pentru a începe să vă construiți jocurile este un browser web și un editor de text.
24a2 își ia numele de la rezoluția sa: 24 x 24. Chiar și în comparație cu altele motoare minimaliste precum PICO-8, cu rezoluția sa de 128 x 128, acesta este mic! 24a2 folosește „pixeli” circulari, cu spații mari între ei, deci are un aspect destul de distinctiv.
Probabil că nu veți folosi 24a2 pentru a veni cu următorul joc video de succes, dar nu acesta este chiar ideea. 24a2 este perfect pentru începători și îl puteți folosi pentru a învăța câteva dintre conceptele fundamentale din spatele dezvoltării jocului.
Este, de asemenea, grozav pentru prototiparea unui concept de bază. Dacă te simți distras de fizica complexă a jocului sau de animațiile sprite, eliminarea tuturor acestor lucruri ar trebui să te ajute să te concentrezi.
În plus, codul sursă 24a2 este un un singur fișier TypeScript. Îl puteți folosi pentru inspirație sau chiar îl puteți modifica pentru a vă crea propriul motor de joc mai avansat.
Cum folosești 24a2?
Începeți cu un șablon de bază pentru jocul dvs.:
<html>
<cap>
<scenariu
src=" https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
scenariu>
<scenariusrc=„game.js”>scenariu>
cap>
<corp>corp>
html>
Observați cum aceasta utilizează o rețea de livrare de conținut (cdn.jsdelivr.net) pentru a sursa motor.js fișier, astfel încât nici măcar nu trebuie să descărcați sau să instalați nimic.
Al doilea scenariu, joc.js, este pentru propriul cod de joc. Începeți cu codul de lucru minim absolut, pentru a verifica că totul funcționează corect:
joc nou({}).run();
Acest program mic va afișa grila implicită 24a2 în browserul dvs. web:
În continuare, veți dori să vă familiarizați cu funcțiile de apel invers ale 24a2 care formează nucleul motorului. Aceste concepte sunt transferabile între motoarele de joc, așa că învățarea modului în care funcționează vă va aduce beneficii dincolo de utilizarea 24a2.
Există o mână de funcții esențiale pe care le puteți defini și transmite constructorului Game() prin intermediul a config obiect.
lăsa config = {
creați: creați,
actualizare: actualizare,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};
lăsa joc = nou Joc (config);
game.run();
24a2 apelează funcția pe care o specificați în config.create când pornește. Puteți utiliza acest lucru pentru a inițializa propria configurație a jocului, pentru a configura structuri de date etc.
funcţiecrea(joc) {}Funcția de actualizare rulează periodic pe toată durata jocului. Aceasta este bucla principală a jocului care, în alte motoare, constă de obicei în pași separați pentru a actualiza starea jocului și a redesena ecranul. Cu 24a2, veți gestiona ambele operațiuni în această funcție.
funcţieActualizați(joc) {}În cele din urmă, pentru a captura intrarea, veți dori să gestionați apăsările tastelor săgeți, clicurile mouse-ului sau ambele. 24a2 transmite o direcție către funcția onKeyPress atunci când jucătorul apasă o tastă săgeată. Transmite coordonatele x și y la onDotClicked dacă fac clic pe un punct folosind mouse-ul.
funcţieonKeyPress(direcţie) {}
funcţieonDotClicked(X y) {}
Ce fel de jocuri poți crea cu 24a2?
The 24a2 site conține trei exemple de jocuri, inclusiv un tutorial. Celelalte pe care le prezintă sunt un simplu joc Snake și o provocare de schi.
The Depozitul GitHub include link-uri către alte jocuri, inclusiv Space invaders, Tic-Tac-Toe și un program minim Paint. You Killed a Bear este mai avansat, iar Maze Craze este o bună demonstrație a modului de a suprapune elemente grafice suplimentare peste grila standard.
24MadRush este o „clonă” Tetris care folosește foarte bine paleta de culori. De asemenea, începe cu un tutorial inovator care poate fi redat, care își demonstrează caracteristicile.
Specificațiile tehnice ale jocurilor 24a2
24a2 este foarte limitat, prin proiectare. Dar aceasta oferă o oportunitate excelentă pentru creativitate. Unul dintre sfaturi de top pentru a fi mai creativ este să îmbrățișezi constrângerile.
Pe lângă rezoluția sa limitată, 24a2 vă limitează la:
- O paletă de culori de doar nouă culori: cele din curcubeu plus negru și gri.
- Intrare foarte simplă: apăsări de taste săgeți și clicuri de mouse pe grila de puncte.
- Tăcere: nu există niciun suport pentru muzică sau efecte sonore.
Cu toate acestea, puteți oricând să scrieți cod JavaScript suplimentar pentru a vă extinde jocul dincolo de aceste limitări. Și, deoarece motorul este open-source, sunteți liber să-l dezvoltați în orice mod considerați potrivit.
Îndemnați-vă la lucruri mai mari cu 24a2
Încercați să vă testați cu 24a2. Recreează un joc clasic sau inventează unul al tău. Jocurile pe rând, cum ar fi jocurile de societate, vor funcționa foarte bine cu motorul.
Dacă 24a2 îți aprinde pasiunea pentru dezvoltarea de jocuri, există o mulțime de oportunități de a continua călătoria. PICO-8, Godot, Unity și GameMaker sunt toate alegeri populare.
