Už ste niekedy hrali online hru a pomysleli si: „Prial by som si, aby som vyrobil jeden z nich, mám niekoľko skvelých nápadov“? V minulosti bolo potrebné naučiť sa kódovať v jazyku ActionScript 3, jazyku, ktorý ovláda Flash. Vďaka niektorým programom na vytváranie hier je však skúsenosť s kódovaním požiadavkou minulosti. Zábavné a hlboké hry môžete vytvárať manipuláciou s objektmi a logikou bez toho, aby ste sa museli dotknúť riadku kódu.
Kroky
Časť 1 zo 4: Navrhovanie hry
Krok 1. Napíšte základný popis
Zahrňte funkcie a to, čo chcete, aby hráč dosiahol. Je dobré mať napísaný základný náčrt toho, čo chcete s hrou robiť, aby ste sa na ňu mohli odvolávať, kým na nej pracujete.
V tejto príručke nájdete ďalšie podrobnosti o písaní dokumentu o návrhu hry
Krok 2. Nakreslite niekoľko náčrtov
Nakreslite základné rozloženie toho, ako majú obrazovky vyzerať. Nemusia byť veľmi podrobné, ale mali by ste mať aspoň predstavu o tom, kde budú rôzne prvky umiestnené na obrazovke. Tieto budú neskôr veľmi užitočné, keď začnete vytvárať rozhranie pre svoju hru.
Krok 3. Vyberte spôsob vytvorenia hry
Aby ste mohli vytvárať hry Flash, tradične by ste sa museli naučiť kódovať v jazyku ActionScript 3. Aj keď to stále môžete urobiť, sú k dispozícii programy, ktoré uľahčujú učenie sa vytvárania hier a nevyžadujú si žiadne skúsenosti s kódovaním. Medzi najobľúbenejšie možnosti vytvárania hier patria:
- Stencyl - Jedná sa o novší nástroj, ktorý vám umožňuje vytvárať hry pomocou objektov a logických skriptov. Tieto hry je potom možné previesť na projekty Flash a nahrať na akékoľvek webové stránky, ktoré podporujú hry Flash.
- Konštrukcia 2 - Ako Flash starne, začal byť nahradzovaný inými spôsobmi vytvárania hier. Jeden z najnovších spôsobov, ako vytvoriť online hru, je použiť HTML5. Obvykle to vyžaduje veľa znalostí o kódovaní, ale Construct 2 vám umožňuje vytvárať hry pomocou objektov a skriptovania, podobne ako Stencyl.
- Flash Builder - Toto je tradičná metóda na vytváranie hier Flash. Vyžaduje to značné množstvo znalostí jazyka ActionScript, ale je to jeden z jednoduchších jazykov, v ktorých sa môžete naučiť základy. Flash Builder stojí peniaze, ale na získanie väčšiny rovnakých funkcií môžete použiť open-source program FlashDevelop.
Časť 2 zo 4: Používanie Stencyl
Krok 1. Stiahnite si a nainštalujte Stencyl
Stencyl je program na vytváranie hier, ktorý nevyžaduje žiadne znalosti kódovania. Namiesto toho môžete na manipuláciu s predmetmi v hre použiť rôzne logické nástroje.
Stencyl je možné použiť zadarmo, ak chcete svoju hru zverejniť iba online. Bezplatná verzia bude mať na začiatku logo Stencyl. Ak získate platenú verziu, môžete publikovať na iných platformách
Krok 2. Vytvorte svoju novú hru
Keď spustíte Stencyl, zobrazí sa vám zoznam vašich hier. V zozname bude niekoľko ukážkových hier, na ktoré sa môžete pozrieť a zistiť, ako fungujú. Ak chcete začať pracovať na svojej vlastnej hre, kliknite na pole s bodkovanou čiarou označenou „Kliknutím sem vytvoríte novú hru“.
Krok 3. Vyberte súpravu
Existuje niekoľko súprav, ktoré obsahujú vopred pripravené prostriedky a objekty, ktoré vám môžu pomôcť rýchlo rozbehnúť hru. Vyberte si súpravu, ak chcete, alebo zvoľte „Prázdna hra“, ak si plánujete vyrobiť vlastnú.
Online si môžete stiahnuť súpravy, ktoré vytvorili iní používatelia
Krok 4. Zadajte informácie o hre
Predtým, ako sa pustíte do vytvárania hry, budete musieť zadať niekoľko informácií.
- Názov - Toto je názov vašej hry. Neskôr to môžete zmeniť na čokoľvek, čo chcete.
- Veľkosť obrazovky - Toto je veľkosť obrazovky vašej hry a je veľmi dôležitá, pretože ovplyvní umenie, ktoré používate. Pretože ľudia budú s najväčšou pravdepodobnosťou hrať vašu hru vo svojom webovom prehliadači, veľkosť obrazovky nemusí byť príliš veľká. Skúste Šírka: 640 px Výška: 480 px. Na začiatok je to dobrá veľkosť.
Krok 5. Zoznámte sa s rozložením
Pri prvom načítaní novej hry sa dostanete na ovládací panel. Tu môžete vidieť všetky scény pre svoju hru a získať prístup k akýmkoľvek zdrojom. Odtiaľto môžete tiež zmeniť nastavenia hry. Väčšinu času strávite prácou na hlavnom paneli.
- Scény - Toto je hlavné okno informačného panela, ktoré zobrazuje skutočnú hru a všetky položky. Vaša hra bude zbierkou scén.
- Zdroje - Toto je zoznam všetkých predmetov a aktív vo vašej hre. obsahuje hercov, pozadia, písma, scény, logiku, zvuky a sady dlaždíc. Zdroje sú usporiadané v strome na ľavej strane obrazovky.
- Nastavenia - Možnosti hry a nastavení vám umožňujú nastaviť, ako funguje mechanika hry, vrátane ovládacích prvkov, gravitácie, kolízií, načítania obrazoviek a ďalších.
Krok 6. Prispôsobte herca
Herec je akýkoľvek predmet, ktorý sa v hre pohybuje alebo s ktorým je možné interagovať (hráč, nepriateľ, dvere atď.). Pre každý objekt vo vašej hre budete musieť vytvoriť herca. Ak chcete vytvoriť herca, kliknite na možnosť „Typy hercov“v ponuke Prostriedky. Vyberte zo zoznamu požadovaného herca (zoznam je určený súpravou, ktorú ste si vybrali).
- Priraďte herca k skupine (hráč, nepriateľ). Pomôže to určiť kolízne vlastnosti herca. Vyberte svojho herca a otvorí sa editor herca. Kliknite na kartu Vlastnosti a potom v rozbaľovacej ponuke vyberte príslušnú skupinu.
- Pridajte správanie (skákanie, dupanie, chôdza). Správanie je to, čo umožňuje vášmu hercovi vykonávať akcie. Kliknite na kartu Správanie a potom kliknite na tlačidlo+ Pridať správanie v dolnom ľavom rohu. Zo zoznamu vyberte správanie (napríklad „Chôdza“) a potom kliknite na „Vybrať“.
- Nastavte ovládacie prvky. Ak vytvárate postavu hráča, pravdepodobne budete chcieť dovoliť hráčovi, aby ju posunul. Keď pridáte správanie pri chôdzi, dostanete sa na obrazovku atribútov chôdze. Pomocou rozbaľovacích ponúk môžete vybrať, akými klávesami sa bude herec pohybovať vľavo a vpravo. Môžete tiež priradiť animácie, ak súprava, ktorú používate, nejakú obsahuje.
- Môžete pridať viacero spôsobov správania, aby ste prispôsobili, čo môže herec robiť.
Krok 7. Vytvorte scénu
Scéna je to, čo hráč vidí pri hraní hry. Je to pozadie, ako aj všetky objekty a herci, ktoré sú viditeľné. Ak chcete vytvoriť novú scénu, kliknite na možnosť Scény v strome zdrojov a potom kliknite na prerušované pole. Pokračujte pomenovaním svojej novej scény.
- Pozadie - vaša scéna bude mať veľkosť automaticky, takže si s tým momentálne nemusíte robiť starosti. Môžete sa rozhodnúť použiť farbu ako pozadie, na ktorom budú umiestnené dlaždice. Môžete si vybrať z plnej farby alebo z prechodu. Po dokončení kliknite na „Vytvoriť“. Tým sa otvorí Scene Designer.
- Umiestnite dlaždice - Sada dlaždíc, ktorá je súčasťou vašej sady, sa načíta na pravú stranu okna. V ľavej ponuke kliknite na nástroj Ceruzka a potom kliknite na dlaždicu, ktorú chcete použiť. Potom môžete dlaždicu umiestniť na svoju scénu. Kliknutím a ťahaním myšou umiestnite viacero dlaždíc.
- Umiestňovanie hercov - Kliknutím na kartu Herci nad sadou dlaždíc prepnete na svojich dostupných hercov. Aby sa mohli objaviť v tomto zozname, musíte ich najskôr vytvoriť. Kliknite na herca, ktorého chcete umiestniť, a potom kliknite na miesto na scéne, kde sa má zobraziť. Ak podržíte ⇧ Shift, herec sa prichytí k mriežke.
- Pridanie gravitácie - Kliknite na kartu „Fyzika“v hornej časti okna a potom zadajte hodnotu do poľa „Gravitácia (vertikálna)“. Zadanie 85 bude simulovať skutočnú gravitáciu.
Krok 8. Otestujte hru
Keď vytvoríte scénu a umiestnite niekoľko hercov, môžete si hru vyskúšať. Kliknutím na tlačidlo „Testovať hru“v hornej časti obrazovky prehráte to, čo máte doteraz. Klávesy, ktoré ste nastavili pri vytváraní svojich hercov, môžete použiť na ovládanie svojej hráčskej postavy.
Nájdite všetky aspekty, ktoré nefungujú, a pokúste sa ich opraviť. Správajú sa napríklad nepriatelia správne? Dokážete poraziť svojich nepriateľov? Existujú nejaké platformy, ktoré sú nedosiahnuteľné, alebo priepasti, ktoré nemožno prekročiť? Vráťte sa do príslušnej oblasti svojho editora hier a opravte všetky problémy, s ktorými sa stretnete. Môže to chvíľu trvať, ale konečným výsledkom bude oveľa zábavnejšia a hrateľnejšia hra
Krok 9. Pridajte ďalšie
Teraz, keď máte pracovnú, hrateľnú prvú scénu, je načase začať s budovaním celej hry. Pridajte ďalšie úrovne a výzvy a testujte svoje doplnky, aby ste sa presvedčili, že sú zábavné a správne fungujú.
Krok 10. Site Lock your game
Ak sa chystáte nahrať hru na web, ktorý je hostiteľom hier Flash, alebo budete nahrávať na svoje vlastné stránky, pravdepodobne budete chcieť povoliť funkciu „Zamykanie stránok“. Zabráni sa tým hre, ak sa nenachádza v povolenom zozname webových stránok.
- V strome „Prostriedky“otvorte „Nastavenia hry“. Vyberte sekciu „Nakladač“. Do poľa „Zamknutie stránky“zadajte webové stránky, ktoré chcete povoliť, oddelené čiarkou bez medzier. Napríklad newgrounds.com, kongregate.com.
- Na tejto obrazovke zadajte svoju domovskú stránku do poľa „Vaša domovská stránka“, ak ju máte. Vďaka tomu budú hráči, ktorí hrajú vašu hru, prepojení s vašim webom.
Krok 11. Exportujte hru ako Flash
Keď ste so svojou hrou spokojní, môžete ju exportovať do formátu Flash. To vám umožní nahrať hru na web, ktorý hostí hry Flash, alebo na váš vlastný web. Kliknite Publikovať vyberte Web a potom kliknite na Flash. Uložte súbor na ľahko dostupné miesto v počítači.
Krok 12. Zverejnite hru
Akonáhle budete mať svoj súbor Flash (. SWF), môžete ho nahrať na hostiteľa podľa vášho výberu. Existuje množstvo webových stránok, ktoré sú hostiteľmi hier Flash, a niektoré vám dokonca môžu zarobiť peniaze na príjmoch z reklamy s vašou hrou. Svoju hru môžete tiež nahrať na svoj vlastný web, ale v prípade popularity hry sa budete chcieť uistiť, že máte k dispozícii šírku pásma, ktorá bude vyhovovať hráčom.
- V tejto príručke si môžete nahrať svoju hru na vlastnú webovú stránku.
- Ak chcete nahrať svoju hru na web, ako je Newgrounds alebo Kongregate, budete si musieť vytvoriť účet a potom prejsť procesom nahrávania webu. Podmienky sa budú líšiť v závislosti od lokality.
- Ak chcete publikovať svoju hru v Stencyl Arcade, môžete tak urobiť z programu Stencyl. Kliknite Publikovať vyberte Stencyl a potom kliknite na Arcade. Hra sa automaticky nahrá, takže sa uistite, že ste s menom spokojní. Stencyl Arcade má limit veľkosti súboru 8 MB.
Časť 3 zo 4: Použitie konštrukcie 2
Krok 1. Stiahnite a nainštalujte si Construct 2
Tento program vám umožňuje vytvárať hry HTML5 s veľmi malým kódovaním. Budete musieť priradiť niektoré premenné, ale to všetko sa deje prostredníctvom ponúk bez požadovaného skutočného kódovania.
Construct 2 je bezplatný, aj keď niektoré funkcie sú obmedzené, pokiaľ neaktualizujete. Bezplatná verzia nemôže publikovať na iných platformách ako HTML5
Krok 2. Vytvorte nový projekt
Pri prvom spustení Construct 2 vás privíta uvítacia ponuka. Kliknutím na odkaz „Nový projekt“spustíte novú hru. Existuje tiež niekoľko zahrnutých príkladov, pomocou ktorých môžete vidieť, ako sa vytvárajú základné hry.
Pri vytváraní nového projektu dostanete zoznam šablón. Pri prvom projekte budete pravdepodobne chcieť začať s prázdnym projektom. To vám umožní zoznámiť sa so základmi bez toho, aby vám prekážali šablóny
Krok 3. Upravte nastavenia svojho projektu
V ľavom ráme okna projektu uvidíte sériu položiek v ráme Vlastnosti. Môžete to použiť na nastavenie veľkosti obrazovky a zadanie informácií o hre a spoločnosti.
Krok 4. Vložte pozadie
Dvakrát kliknite na rozloženie. V sekcii Všeobecné zvoľte „Kachľové pozadie“. Kliknutím na rozloženie umiestnite pozadie. Tým sa otvorí editor na pozadí. Budete si musieť vytvoriť svoj vlastný pomocou softvéru na úpravu obrázkov alebo si stiahnuť textúry z rôznych miest online.
- Nastavte pozadie na veľkosť rozloženia. Vykonajte to tak, že vyberiete objekt na pozadí a zmeníte veľkosť v ráme Vlastnosti.
- Zmeňte názov vrstvy a uzamknite ju. Vrstvu budete chcieť uzamknúť, aby ste predišli náhodnému premiestneniu pri umiestňovaní iných predmetov. Kliknite na kartu „Vrstvy“v pravej časti obrazovky. Vyberte vrstvu a kliknite na ikonu Ceruzka. Pomenujte vrstvu „Pozadie“a potom kliknutím na tlačidlo „Visiaci zámok“pozadie uzamknete.
Krok 5. Vytvorte novú vrstvu
Na karte Vrstvy kliknutím na tlačidlo „+“vytvoríte novú vrstvu. Premenujte ho na „Hlavné“. Toto bude vrstva, na ktorej sa nachádza väčšina vašich herných objektov. Pred pokračovaním sa uistite, že je vybratá hlavná vrstva.
Krok 6. Pridajte vstupy pre svoju hru
V hre Construct 2 budú vaše vstupy potrebné pridať ako objekty do hry. Sú neviditeľné a umožnia použitie klávesnice a myši v celom projekte.
Dvakrát kliknite na svoje rozloženie a v časti Vstup zvoľte „Myš“. To isté urobte pre vloženie objektu „Klávesnica“
Krok 7. Pridajte objekty
Je načase začať pridávať do svojho rozloženia niektoré herné objekty. Dvakrát kliknite na rozloženie a v sekcii Všeobecné zvoľte „Sprite“. Pomocou krížového kríža vyberte, kam chcete škriatka umiestniť. Otvorí sa editor obrázkov, ktorý vám umožní buď načítať existujúci sprite, alebo vytvoriť nový.
Keď vo svojom rozložení vyberiete škriatkov, vlastnosti sprite sa načítajú do ľavého rámčeka. Zmeňte názov škriatka, aby ste ho mohli jednoduchšie identifikovať a odkázať naň
Krok 8. Pridajte k svojim objektom správanie
Ak chcete pridať správanie, kliknite na objekt, do ktorého chcete pridať úplné správanie, a vyberte ho. Kliknite na odkaz „Pridať/upraviť“v sekcii Správanie v rámci rámca Vlastnosti. Zobrazí sa zoznam dostupných spôsobov správania.
Správanie je vopred nakonfigurovanou logikou, ktorá vám umožní rýchlo pridať do svojich objektov funkcionalitu. Môžete si vybrať zo širokej škály vopred pripravených spôsobov správania, ktoré môžu vykonávať širokú škálu funkcií. Napríklad, aby bola podlaha pevná, dajte jej správanie „Solid“. Ak chcete posunúť postavu hráča v ôsmich smeroch, dajte mu správanie „8-smerovým pohybom“
Krok 9. Zmeňte vlastnosti správania
Môžete upraviť existujúce správanie a prispôsobiť tak fungovanie vašich objektov. Hodnotami môžete zmeniť rýchlosť, smer a ďalšie vlastnosti.
Krok 10. Pochopte, ako udalosti fungujú
Udalosti sú zoznamom podmienok a sú hnacou silou hry. Ak sú splnené podmienky, nastane udalosť. Ak nie sú splnené podmienky, udalosť sa nevyskytne. Hárok udalostí sa spravidla beží približne 60 -krát za sekundu. Zakaždým, keď sa spustí, sa nazýva „kliešť“.
Krok 11. Vytvorte udalosť
Dvakrát kliknite na prázdny hárok udalostí. Zobrazí sa zoznam dostupných objektov. Vyberte objekt, pre ktorý chcete vytvoriť udalosť, alebo môžete vytvoriť systémovú udalosť.
- Vyberte, kedy sa akcia vyskytne. Po výbere objektu budete vyzvaní, aby ste vybrali, kedy by mala udalosť nastať. Môže to byť založené na iných udalostiach alebo v určitých časoch. „Každý kliešť“je vždy.
- Pridajte akciu. Budete vyzvaní, aby ste vybrali jeden z vašich objektov. Vyberte si zo zoznamu akcií. Ak napríklad robíte strieľačku zhora nadol a chcete, aby sa postava hráča stále pozerala na myš, vytvorili by ste akciu „Nastaviť uhol smerom k polohe“pri každom kliešti nastavenom na objekte Player. Keď sa zobrazí výzva na zadanie súradníc, zadajte „Mouse. X“pre X a „Mouse. Y“pre Y. Tým udržíte hráčovu loď vždy nasmerovanú na kurzor.
Krok 12. Pridajte ďalšie udalosti a správanie
Toto sú chrbtové kosti vašej hry. Pridanie a vyladenie správania a udalostí vám pomôže vytvoriť jedinečnú a zábavnú hru, ktorú sa budú ľudia snažiť hrať. Experimentujte s rôznymi udalosťami a pokúste sa získať presnú hru, ktorú chcete.
Krok 13. Pridajte niekoľko premenných
V Construct 2 existujú dva typy premenných: inštančné premenné a globálne premenné. Umožňujú vám nastaviť vlastné hodnoty pre vaše objekty a hry, ako sú zdravie, časové limity, skóre a ďalšie.
- Premenné inštancie - premenné inštancie sú premenné priradené jednotlivým objektom. Používajú sa na veci, ako je zdravie nepriateľov a hráčov. Premenné inštancie môžete pridať po vybratí objektu kliknutím na odkaz „Pridať / upraviť“v sekcii Premenné v rámci okna Vlastnosti. Zadajte premennej názov, na ktorý je možné v udalosti odkazovať, a tiež počiatočnú hodnotu.
- Globálne premenné - Globálne premenné sú premenné priradené k celej hre. Používajú sa na veci, ako je skóre hráča. Ak chcete vytvoriť globálnu premennú, otvorte hárok udalostí a kliknite pravým tlačidlom myši na prázdne miesto. Kliknite na „Pridať globálnu premennú“, zadajte jej názov, na ktorý sa dá v prípade udalosti odkazovať, a potom zadajte počiatočnú hodnotu.
Krok 14. Vytvorte rozhranie
Pri vytváraní rozhrania je zvyčajne najlepšie to urobiť v novej vrstve. Rozhranie sa totiž málokedy pohybuje alebo mení, preto je dobré mať ho na uzamknutej vrstve. V rámčeku vlastností pre novú vrstvu nastavte „Paralaxa“na 0. To zabráni posúvaniu vrstvy, keď sa obrazovka zmení.
Na vytvorenie rozhrania použite textové polia a premenné. Môžete nastaviť, aby vaše textové polia zobrazovali zostávajúce zdravie, skóre, muníciu alebo čokoľvek iné, čo by hráč potreboval pravidelne vidieť
Krok 15. Otestujte a zrevidujte svoju hru
Teraz, keď máte na obrazovke nejaké objekty s udalosťami a správaním, môžete začať testovať a pridávať obsah. Kliknutím na tlačidlo „Hrať“v hornej časti obrazovky hru postavíte a otestujete. Poznačte si všetko, čo nefungovalo, a pokúste sa to napraviť, aby bola vaša hra hrateľná a zábavná.
Krok 16. Exportujte hru
Ak ste so svojou hrou spokojní, môžete ju exportovať, aby ju bolo možné nahrať na webovú stránku a hrať ju ktokoľvek. Ak chcete hru exportovať, kliknite na ikonu Súbor ponuku a vyberte položku Exportovať. Uložte projekt na miesto, ktoré môžete ľahko nájsť.
Krok 17. Zverejnite hru
Existuje niekoľko stránok, ktoré vám umožňujú nahrávať hry HTML5, ktoré môžu hrať ostatní. Hru si môžete pridať aj na svoj vlastný web. V tejto príručke nájdete podrobnosti o nahraní hry na vlastné webové stránky.
Časť 4 zo 4: Kódovanie od začiatku
Krok 1. Stiahnite si programovacie IDE (Integrated Development Environment), ktoré podporuje HTML, ako napríklad Game Maker Studio
Niektoré sú k dispozícii zadarmo, aj keď mnohé z najlepších IDE stoja stovky dolárov.
Krok 2. Naučte sa používať IDE
Naučiť sa programovať vo svojom okolí je nesmierne dôležité. Zapamätanie si väčšiny spoločného kódu a naučenie sa správne implementovať veci môže trvať týždne alebo dokonca mesiace. Buďte trpezliví a všetko sa oplatí!
Krok 3. Vytvorte si hru, keď si myslíte, že ste pripravení
Vytvorenie dizajnového dokumentu alebo zaznamenanie niektorých myšlienok je skvelý začiatok. Programovanie hry môže trvať mesiace, alebo ak to s hitom skutočne myslíte vážne, aj rok alebo dva.
Krok 4. Otestujte hru
Uistite sa, že vyskúšate robiť bláznivé alebo neočakávané veci a zničíte čo najviac chýb. Skúste tiež zistiť, či je hrateľnosť taká, ako ste chceli, alebo sa musíte vrátiť a vykonať zmeny.
Krok 5. Zverejnite to
Zverejnite svoju hru online na webe, akým je Kongregate. Mali by ste byť pripravení na konštruktívnu kritiku a možno budete chcieť aktualizovať svoju hru tak, aby splnila priania vašej hráčskej základne.
Tipy
- Ak vás viac zaujíma zoznámenie sa s kódom hier Flash, môžete na vytváranie vlastných hier použiť kód Flash Builder a ActionScript 3. Bude to trvať dlhšie, ale môže to viesť k jedinečnejšiemu zážitku. Podrobnosti o programovaní v Actions Script 3 nájdete v tejto príručke.
- Uveďte poďakovanie všetkým zdrojom, z ktorých ste čerpali nápady alebo obsah, a všetkým ostatným, ktorí pomohli pri vytváraní hry.
