24a2 je velmi základní, ale plně funkční herní engine pro programátory JavaScriptu. Má neobvyklý vzhled a dojem, ale můžete se s ním naučit základy programování her.
S podporou herní smyčky, barevnou grafikou a jednoduchým vstupem má 24a2 vše, co potřebujete k vytváření malých her s minimálním úsilím.
Podívejte se na 24a2 a začněte svou cestu k plnému vývoji hry ještě dnes.
Co je 24a2?
24a2 je malý open-source engine, který vám pomáhá vytvářet základní hry. Je velmi snadné se to naučit a vše, co potřebujete, abyste mohli začít stavět své hry, je webový prohlížeč a textový editor.
24a2 pochází z jeho rozlišení: 24 x 24. I ve srovnání s jinými minimalistické motory jako PICO-8, s rozlišením 128 x 128 je to malinké! 24a2 používá kruhové „pixely“ s velkými mezerami mezi nimi, takže vypadá docela výrazně.
Pravděpodobně nebudete používat 24a2 k vymýšlení další skvělé videohry, ale o to ve skutečnosti nejde. 24a2 je ideální pro začátečníky a můžete se s ním naučit některé základní koncepty vývoje her.
Je to také skvělé pro prototypování základního konceptu. Pokud se přistihnete, že vás rozptýlí složitá herní fyzika nebo animace sprite, odstranění toho všeho by vám mělo pomoci soustředit se.
A co víc, zdrojový kód 24a2 je a jeden soubor TypeScript. Můžete ji použít pro inspiraci, nebo ji dokonce upravit, abyste si vytvořili svůj vlastní, pokročilejší herní engine.
Jak používáte 24a2?
Začněte se základní šablonou pro vaši hru:
<html>
<hlava>
<skript
src=" https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
skript>
<skriptsrc="game.js">skript>
hlava>
<tělo>tělo>
html>
Všimněte si, jak to využívá síť pro doručování obsahu (cdn.jsdelivr.net) ke zdroji engine.js soubor, takže nemusíte ani nic stahovat ani instalovat.
Druhý skript, game.js, je určen pro váš vlastní herní kód. Začněte s absolutním minimem pracovního kódu, abyste ověřili, že vše funguje správně:
new Game({}).run();
Tento malý program zobrazí výchozí mřížku 24a2 ve vašem webovém prohlížeči:
Dále se budete chtít seznámit s funkcemi zpětného volání 24a2, které tvoří jádro enginu. Tyto koncepty jsou přenositelné napříč herními enginy, takže když se naučíte, jak fungují, budete mít užitek nad rámec vašeho používání 24a2.
Existuje několik základních funkcí, které můžete definovat a předat konstruktoru Game() prostřednictvím a config objekt.
nechat config = {
vytvořit: vytvořit,
aktualizace: aktualizace,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};
nechat hra = Nový Hra (config);
game.run();
24a2 volá funkci, kterou zadáte v config.create, když se spustí. Můžete to použít k inicializaci vlastní konfigurace hry, nastavení datových struktur atd.
funkcevytvořit(hra) {}Funkce aktualizace se pravidelně spouští po dobu trvání vaší hry. Tohle je hlavní herní smyčka který v jiných enginech obvykle sestává ze samostatných kroků k aktualizaci stavu hry a překreslení obrazovky. S 24a2 zvládnete obě operace v této funkci.
funkceAktualizace(hra) {}A konečně, abyste mohli zachytit vstup, budete chtít zvládnout stisknutí kláves se šipkami, kliknutí myší nebo obojí. 24a2 předá směr vaší funkci onKeyPress, když hráč stiskne klávesu se šipkou. Předá souřadnice x a y společnosti onDotClicked, pokud kliknou na tečku pomocí myši.
funkceonKeyPress(směr) {}
funkceonDotClicked(x, y) {}
Jaké druhy her můžete vytvořit s 24a2?
The místo 24a2 obsahuje tři ukázkové hry včetně tutoriálu. Ostatní, které představuje, jsou jednoduchá hra Snake a lyžařská výzva.
The úložiště GitHub obsahuje odkazy na některé další hry včetně Space Invaders, Tic-Tac-Toe a minimální program Malování. You Killed a Bear je pokročilejší a Maze Craze je dobrou ukázkou toho, jak vrstvit další grafiku na standardní mřížku.
24MadRush je „klon“ Tetris, který skvěle využívá paletu barev. Začíná také inovativním hratelným tutoriálem, který demonstruje jeho funkce.
Technické specifikace her 24a2
24a2 je designově velmi omezená. Ale to poskytuje vynikající příležitost pro kreativitu. Jeden z nejlepší tipy, jak být kreativnější je přijmout omezení.
Kromě omezeného rozlišení vás 24a2 omezuje na:
- Barevná paleta pouhých devíti barev: ty v duze plus černá a šedá.
- Velmi základní vstup: stisknutí klávesy se šipkou a kliknutí myší na tečkovou mřížku.
- Ticho: není podporována žádná hudba ani zvukové efekty.
Vždy však můžete napsat doplňkový kód JavaScript, abyste svou hru rozšířili za tato omezení. A protože je engine open-source, můžete jej vyvíjet jakýmkoli způsobem, který uznáte za vhodný.
Pusťte se do větších věcí s 24a2
Zkuste se otestovat pomocí 24a2. Vytvořte znovu klasickou hru nebo vymyslete nějakou vlastní. Tahové hry, stejně jako deskové hry, budou s enginem fungovat velmi dobře.
Pokud 24a2 podnítí vaši vášeň pro vývoj her, existuje spousta příležitostí, jak pokračovat v cestě. PICO-8, Godot, Unity a GameMaker jsou všechny oblíbené možnosti.