24a2 je veľmi základný, ale plne funkčný herný engine pre programátorov JavaScriptu. Má nezvyčajný vzhľad a dojem, ale môžete ho použiť na osvojenie si základov programovania hier.
S podporou hernej slučky, farebnou grafikou a jednoduchým vstupom má 24a2 všetko, čo potrebujete na vytváranie malých hier s minimálnym úsilím.
Pozrite si 24a2 a začnite svoju cestu k úplnému vývoju hier ešte dnes.
Čo je 24a2?
24a2 je malý open source engine, ktorý vám pomáha vytvárať základné hry. Je veľmi ľahké sa to naučiť a všetko, čo potrebujete na to, aby ste mohli začať vytvárať svoje hry, je webový prehliadač a textový editor.
24a2 pochádza z jeho rozlíšenia: 24 x 24. Aj v porovnaní s inými minimalistické motory ako PICO-8, s rozlíšením 128 x 128 je to maličkosť! 24a2 používa kruhové „pixely“ s veľkými medzerami medzi nimi, takže vyzerá dosť výrazne.
Pravdepodobne nebudete používať 24a2 na vymýšľanie ďalšej videohry, ale o to v skutočnosti nejde. 24a2 je ideálny pre začiatočníkov a môžete ho použiť na naučenie sa niektorých základných konceptov vývoja hier.
Je to tiež skvelé na prototypovanie základného konceptu. Ak sa pristihnete, že vás rozptyľuje zložitá herná fyzika alebo animácie sprite, odstránenie tohto všetkého by vám malo pomôcť sústrediť sa.
A čo viac, zdrojový kód 24a2 je a jeden súbor TypeScript. Môžete ho použiť na inšpiráciu alebo ho dokonca upraviť na vytvorenie vlastného, pokročilejšieho herného enginu.
Ako používate 24a2?
Začnite so základnou šablónou pre vašu hru:
<html>
<hlavu>
<skript
src=" https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
skript>
<skriptsrc="game.js">skript>
hlavu>
<telo>telo>
html>
Všimnite si, ako to používa sieť na doručovanie obsahu (cdn.jsdelivr.net) na zdroj engine.js takže nemusíte nič sťahovať ani inštalovať.
Druhý skript, game.js, je určený pre váš vlastný kód hry. Začnite s absolútnym minimálnym pracovným kódom, aby ste skontrolovali, či všetko funguje správne:
new Game({}).run();
Tento malý program zobrazí predvolenú mriežku 24a2 vo vašom webovom prehliadači:
Ďalej sa budete chcieť zoznámiť s funkciami spätného volania 24a2, ktoré tvoria jadro motora. Tieto koncepty sú prenosné naprieč hernými enginmi, takže ak sa naučíte, ako fungujú, bude to pre vás prínosom nad rámec vášho používania 24a2.
Existuje niekoľko základných funkcií, ktoré môžete definovať a odovzdať konštruktorovi Game() prostredníctvom a config objekt.
nech config = {
vytvoriť: vytvoriť,
aktualizácia: aktualizácia,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};
nech hra = Nový Hra (konfigurácia);
game.run();
24a2 volá funkciu, ktorú zadáte v config.create, keď sa spustí. Môžete to použiť na inicializáciu vlastnej konfigurácie hry, nastavenie dátových štruktúr atď.
funkciuvytvoriť(hra) {}Funkcia aktualizácie beží pravidelne počas trvania vašej hry. Toto je hlavná herná slučka ktorý v iných motoroch zvyčajne pozostáva zo samostatných krokov na aktualizáciu stavu hry a prekreslenie obrazovky. S 24a2 zvládnete obe operácie v tejto funkcii.
funkciuaktualizovať(hra) {}Nakoniec, aby ste zachytili vstup, budete chcieť zvládnuť stlačenie klávesov so šípkami, kliknutia myšou alebo oboje. 24a2 odovzdá smer vašej funkcii onKeyPress, keď hráč stlačí kláves so šípkou. Odovzdáva súradnice x a y spoločnosti onDotClicked, ak kliknú na bodku pomocou myši.
funkciuonKeyPress(smer) {}
funkciuonDotClicked(x, y) {}
Aké druhy hier môžete vytvoriť pomocou 24a2?
The 24a2 obsahuje tri príklady hier vrátane tutoriálu. Ostatné, ktoré predstavuje, sú jednoduchá hra Snake a lyžiarska výzva.
The úložisko GitHub obsahuje odkazy na niektoré ďalšie hry vrátane Space Invaders, Tic-Tac-Toe a minimálneho programu Paint. You Killed a Bear je pokročilejší a Maze Craze je dobrou ukážkou toho, ako vrstviť ďalšiu grafiku na štandardnú mriežku.
24MadRush je „klon“ Tetris, ktorý skvele využíva farebnú paletu. Začína to tiež inovatívnym hrateľným tutoriálom, ktorý demonštruje jeho funkcie.
Technické špecifikácie hier 24a2
24a2 je z hľadiska návrhu veľmi obmedzené. To však poskytuje skvelú príležitosť pre kreativitu. Jeden z najlepšie tipy, ako byť kreatívnejší je prijať obmedzenia.
Okrem obmedzeného rozlíšenia vás 24a2 obmedzuje na:
- Farebná paleta iba deviatich farieb: tie v dúhe plus čierna a sivá.
- Veľmi základné zadávanie: stlačenie klávesu so šípkou a kliknutie myšou na bodkovú mriežku.
- Ticho: nie je podporovaná žiadna hudba ani zvukové efekty.
Vždy však môžete napísať doplnkový kód JavaScript, aby ste svoju hru rozšírili za tieto obmedzenia. A keďže je motor open source, môžete ho slobodne vyvíjať akýmkoľvek spôsobom, ktorý uznáte za vhodný.
Pustite sa do väčších vecí s 24a2
Skúste sa otestovať pomocou 24a2. Vytvorte si klasickú hru alebo si vymyslite vlastnú. Ťahové hry, ako napríklad stolové hry, budú s motorom fungovať veľmi dobre.
Ak 24a2 podnieti vašu vášeň pre vývoj hier, existuje veľa príležitostí pokračovať v ceste. PICO-8, Godot, Unity a GameMaker sú všetky obľúbené možnosti.