Návod

Zdrojový kód tower defense hry: vlny, veže a balans v TypeScripte

Barricade Z drží svojich 30 vĺn, 12 úrovní veží a ekonomiku v troch dátových súboroch. Čo to znamená pre kupujúceho.

Hlavná grafika Barricade Z: karikatúrny zombie preskakuje drevenú barikádu za súmraku, zatiaľ čo žltá veža strieľa na hordu za ním.

V zdrojovom kóde tower defense hry žije herný dizajn v dátach: aká silná je každá veža, čo posiela každá vlna a ako rýchlo prichádzajú mince. Ak sú tieto dáta roztrúsené po renderovacom kóde, prebalansovanie jednej vlny znamená prečítať celý projekt. Barricade Z, naša merge tower defense šablóna, drží veže, vlny a balans v troch súboroch v TypeScripte, a tento sprievodca ukazuje, kde sú a ako ich bezpečne meniť.

V tomto balíku sú dve úrovne zmien. Na úpravu názvu karty a názvu uloženia stačí textový editor. Všetko ostatné, od veží po zombie vlny, ide cez zdrojový kód v TypeScripte a nové zostavenie. Vedieť, ktorá zmena je ktorá, ešte pred kúpou ušetrí prekvapenie neskôr.

Každé meno súboru nižšie pochádza z ilustrovaného sprievodcu pre kupujúcich, ktorý sa dodáva s hrou a je dostupný v rovnakých 14 jazykoch ako rozhranie.

Čo obsahuje tento zdrojový kód tower defense hry

Barricade Z je merge obranná hra. Hráči vyrábajú veže v Reserve (rezerva), spájajú dve rovnaké úrovne do ďalšej, až po úroveň 12, a najsilnejšie presúvajú na päť pozícií barikády. Kampaň s 30 vlnami beží cez tri prostredia s bossmi vo vlnách 10, 20 a 30. Granáty (Grenades) sa odomknú vo vlne 3 a Overdrive (preťaženie) vo vlne 7, a Workshop (dielňa) predáva vylepšenia. Denné výzvy a Endless mode (nekonečný režim) sa otvárajú, ako hráč postupuje.

  • game/: hrateľná zostava pripravená na nahratie, s Phaser 3.90 v lib/phaser.js a fontmi Bungee a Barlow Condensed.
  • game/barricade-z.config.js: dve nastavenia, ktoré môžete meniť bez nového zostavenia.
  • source/: čitateľný projekt v TypeScripte, len pre vývojárov.
  • documentation/index.html a DOCUMENTATION.html v koreňovom priečinku: sprievodca pre kupujúcich, ktorý sa otvorí offline.
  • THIRD-PARTY-LICENSES/: oznámenia pre engine a fonty.

Rozhranie je v 14 jazykoch, s rozložením na výšku aj na šírku pre dotyk a myš. Hlasový komentátor je nahraný len v angličtine a jazykové nastavenie mení text rozhrania, nie hlas.

Pozrite si Barricade Z: demo, sprievodcu a cenu

Tri súbory, ktoré držia herný dizajn

Najprv otvorte source/src/data/. Tieto tri súbory sú dôvod kúpiť vydanie so zdrojovým kódom, lebo práve tam sa tower defense hra naozaj navrhuje.

  • towers.ts: 12 úrovní veží, ich atribúty zbraní a dáta o ústí hlavne.
  • waves.ts: 30 vĺn kampane a miesta, kde sa objavujú bossovia.
  • balance.ts: ladenie ekonomiky, zdravia, poškodenia a postupu.

Okolo nich source/src/i18n/ drží slovníky pre 14 jazykov, source/src/ui/ drží menu, HUD, panel nástrojov, panely a tutoriál a source/src/audio/ rieši smerovanie zvuku a komentátora. Zostavený kód v game/assets/ má hašované názvy súborov; neupravujte ho ručne, radšej znovu zostavte.

Čo môžete zmeniť textovým editorom

Otvorte game/barricade-z.config.js, zmeňte hodnotu, uložte a obnovte stránku. Nové zostavenie nie je potrebné. Len dve nastavenia sú tu.

  • title: názov karty prehliadača. Nenahrádza ilustrované logo.
  • storagePrefix: menný priestor pre uložené dáta. Zmena spustí samostatné uloženie a staré kľúče ostanú na mieste. Používajte len písmená, čísla, bodky, podčiarkovníky a pomlčky, najviac 64 znakov.

storagePrefix je užitočnejší, než sa zdá. Dve kópie hry na tej istej doméne zdieľajú uloženia, aj keď sú v rôznych podpriečinkoch. Ak agentúra hostuje jednu kópiu pre každého klienta na jednej doméne, dajte každej kópii vlastný prefix, aby sa postup hráčov nemiešal.

Čokoľvek nad tieto dve hodnoty, vrátane loga, ikon, grafiky, pravidiel, veží, vĺn a textu, potrebuje vydanie so zdrojovým kódom a nové zostavenie.

Nové zostavenie po skutočnej zmene

Priečinok game/ už obsahuje hrateľnú zostavu, takže hosting nepotrebuje Node.js. Inštalujete ho len vtedy, ak meníte samotnú hru.

  1. Nainštalujte Node.js 20.19 alebo novší.
  2. V source/ spustite npm ci. Vyskúšané verzie nástrojov sú zafixované v package-lock.json.
  3. Urobte zmenu, potom spustite npm run typecheck a npm test.
  4. Spustite npm run build. Výstup ide do source/dist/.
  5. Nahrajte obsah source/dist/, aby nahradil hostovanú hru, rovnako ako pri game/.

Tri voliteľné príkazy pomôžu: npm run dev spustí lokálny vývojársky server, npm run preview podá zostavenie na kontrolu a npm run balance spustí simuláciu celej kampane z príkazového riadku, čo sa hodí po zásahu do balance.ts.

Čo kupujúci zvyčajne mení ako prvé

  1. Názov karty a prefix ukladania v konfiguračnom súbore, aby bola kópia vaša od prvého nahratia.
  2. Logo a grafiku v zdrojovom kóde. Pri nahrádzaní vizuálov zachovajte existujúce pomery, ako žiada sprievodca.
  3. Text rozhrania v slovníkoch i18n, vo všetkých jazykoch, ktoré plánujete vydať.
  4. Obtiažnosť: zloženie vĺn v waves.ts, potom tok mincí v balance.ts.
  5. Veže nakoniec, v towers.ts, lebo každá vlna bola vyladená podľa nich.

Ak predávate alebo prevádzkujete viac merge hier, rovnaká myšlienka rezervy a spájania sa objavuje v dvoch ďalších našich šablónach, každej s vlastnou témou a pravidlami.

Deepforge: spájajte krompáče a posielajte ich do bane riadenej fyzikou

Plop: fyzikálny hlavolam so spájaním ovocia a 11 úrovňami

Hosting, aktualizácie a uloženia

Nahrajte len obsah game/ do prázdneho priečinka, napríklad public_html/moja-hra/, a otvorte adresu v aktuálnom Chrome, Edge, Firefoxe alebo Safari. Nie je potrebný npm, PHP, databáza ani účet a odporúča sa HTTPS. Dvojklik na index.html na počítači nefunguje. Váš hosting musí podávať .js ako JavaScript, .css ako CSS a fonty a .mp3 s ich obvyklými typmi, a názvy súborov sú na mnohých hostingoch citlivé na veľkosť písmen.

Uloženia sú v prehliadači hráča pod barricadez.save (kampaň a kontrolné body) a barricadez.settings (jazyk, zvuk, tutoriál, odomknutia, rekordy), s predvoleným prefixom. Nie je tu účet ani cloudová synchronizácia. Obnovenie stránky spustí aktuálnu vlnu znova od jej kontrolného bodu.

  • Aktualizácia: zálohujte game/ a upravený konfiguračný súbor, nahrajte nový game/ cez starý, nechajte storagePrefix nezmenený a obnovte stránku.
  • Ak sa stále zobrazuje stará verzia, vymažte vyrovnávaciu pamäť obrázkov a súborov alebo stlačte Ctrl+F5. Nemažte dáta stránky: tým sa zmaže uloženie.
  • Hra obsahuje manifest.webmanifest, ale sprievodca jasne hovorí, že nie je zabalená ako aplikácia na inštaláciu pre offline režim.

Projekty natívnych aplikácií nie sú zahrnuté. Ak chcete hru v obchode s aplikáciami, obal a záznam v obchode sú samostatná práca, ktorú môžeme ponúknuť podľa ponuky.

Čo nie je zahrnuté a licencia

Vydanie nemá reklamné SDK, analytiku, poskytovateľa platieb, online multiplayer, vzdialený rebríček ani cloudové uloženia, a nie sú v ňom natívne aplikácie, hosting ani zákazkový vývoj. Pridanie ktoréhokoľvek z nich je vývojárska práca s vašimi vlastnými účtami.

Barricade Z stojí v katalógu 39 $, alebo 33,15 $ počas promo Black Friday, ktoré trvá do 30. novembra 2026; dve alebo viac šablón v jednej objednávke tiež získa zľavu za balík 5 % až 20 %. Licencia je trvalá a nevýhradná, na jeden konečný produkt, váš alebo jedného klienta. Kód, grafiku a zvuk môžete meniť, svoju značku nahradiť vašou a hru ponúknuť zadarmo alebo s reklamami. Predávať šablónu alebo jej kód samostatne nie je povolené. So šablónou prichádza šesť mesiacov podpory, dvanásť s rozšírením; nové funkcie a integrácie sa najprv ponúkajú podľa ponuky.

Prečítajte si podmienky pre marketplace

Často kladené otázky

Ktorý engine používa zdrojový kód tower defense hry?

Phaser 3.90 s TypeScriptom. Engine je zabalený v game/lib/phaser.js pod licenciou MIT, takže nič sa nenačítava z CDN.

Môžem meniť vlny a veže bez Node.js?

Nie. Konfiguračný súbor nastavuje len názov karty a prefix ukladania. Vlny, veže a balans sú v zdrojovom kóde a potrebujú Node.js 20.19 alebo novší a nové zostavenie.

Je komentátor preložený?

Nie. Štrnásť jazykov pokrýva rozhranie. Nahrávky komentátora sú v angličtine a ostatné jazyky nemajú hlasový sprievod.

Funguje to na telefónoch?

Áno. Rozloženie na výšku aj na šírku funguje s dotykom aj myšou. Výkon závisí od zariadenia, takže testujte na telefónoch, ktoré používa vaše publikum.

Môžu dve kópie na jednej doméne mať oddelené uloženia?

Áno, ak má každá kópia vlastný storagePrefix v barricade-z.config.js. Samotný iný podpriečinok ich neoddelí.

Komu sa hodí

Barricade Z sa hodí pre portál, ktorý chce hotovú hru o obrane pred zombíkmi, pre freelancera alebo štúdio, ktoré pripravuje značkovú hru pre jedného klienta, a pre vývojára, ktorý chce čítať, ako tower defense v TypeScripte a Phaser drží dizajn v dátach. Ak ju len potrebujete hostovať pod vlastným menom, konfiguračný súbor a logo pokryjú väčšinu práce. Ak plánujete novú kampaň, tri dátové súbory a npm run balance sú miesto, kde strávite čas.

Vyskúšajte demo Barricade Z a kúpte licenciu

Vlastné vlny, reskin alebo objednávka pre agentúru? Vyžiadajte si ponuku