Flash je populárny formát pre videohry založené na prehliadačoch, ktoré nájdete na stránkach ako Newgrounds a Kongregate. Aj keď sa formát Flash vzhľadom na rastúce mobilné aplikácie pomaly stáva málo využívaným, stále sa s ním vyrába mnoho kvalitných hier. Flash používa ActionScript, ľahko osvojiteľný jazyk, ktorý vám dáva kontrolu nad predmetmi na vašej obrazovke. Tento článok wikiHow vás naučí, ako sa naučiť vytvárať základné hry Flash.
Kroky
Časť 1 z 3: Spustenie procesu
Krok 1. Navrhnite svoju hru
Predtým, ako začnete s kódovaním, pomôže vám urobiť si zhruba predstavu o tom, čo chce vaša hra robiť. Flash je najvhodnejší pre jednoduché hry, preto sa zamerajte na vytvorenie hry, ktorá má iba niekoľko mechaník a s ktorými si hráč robí starosti. Skôr ako začnete s prototypovaním, pokúste sa mať na mysli základný žáner a niektoré mechaniky. V tejto príručke nájdete ďalšie podrobnosti o fázach plánovania vývoja videohier. Medzi bežné flash hry patria:
- Nekoneční bežci: Tieto hry automaticky pohybujú postavou a hráč je zodpovedný za skákanie cez prekážky alebo inú interakciu s hrou. Pokiaľ ide o ovládanie, hráč má spravidla iba jednu alebo dve možnosti.
- Rváči: Jedná sa spravidla o bočné posúvanie a dáva hráčovi za úlohu poraziť nepriateľov, aby postúpili. Postava hráča má často niekoľko ťahov, ktoré môže vykonať, aby porazil nepriateľov.
- Hádanky: Tieto hry žiadajú hráča, aby vyriešil hádanky a porazil každú úroveň. Môžu sa pohybovať od štýlu Match-3, ako je Bejeweled, až po komplexnejšie riešenie hádaniek, ktoré sa bežne vyskytuje v adventúrach.
- RPG: Tieto hry sa zameriavajú na vývoj a postupnosť postáv a umožňujú hráčovi prechádzať viacerými prostrediami s rôznymi druhmi nepriateľov. Bojová mechanika sa od RPG k RPG veľmi líši, ale mnohé sú ťahové. Kódovanie RPG môže byť podstatne ťažšie ako jednoduchá akčná hra.
Krok 2. Zistite, v čom Flash vyniká
Flash je najvhodnejší pre 2D hry. Vo Flashi je možné vytvárať 3D hry, je však veľmi pokročilý a vyžaduje si znalosť jazyka. Takmer každá úspešná hra Flash bola 2D.
Flash hry sa tiež najlepšie hodia na rýchle sedenia. Dôvodom je, že väčšina hráčov hier Flash hrá, keď má málo voľného času, napríklad počas prestávok, čo znamená, že hranie hier je zvyčajne 15 minút alebo menej
Krok 3. Zoznámte sa s jazykom ActionScript3 (AS3)
Flash hry sú naprogramované v AS3 a na úspešné vytvorenie hry budete potrebovať základné znalosti o tom, ako to funguje. Môžete vytvoriť jednoduchú hru so základným porozumením kódovania v AS3.
V Amazone a ďalších obchodoch je k dispozícii niekoľko kníh o jazyku ActionScript spolu s veľkým počtom návodov a príkladov online
Krok 4. Stiahnite si Flash Professional
Tento program stojí peniaze, ale je to najlepší spôsob, ako rýchlo vytvárať programy Flash. K dispozícii sú aj ďalšie možnosti, vrátane možností s otvoreným zdrojovým kódom, ale často im chýba kompatibilita alebo vykonávanie rovnakých úloh trvá dlhšie.
Flash Professional je jediný program, ktorý budete potrebovať na začatie vytvárania hier
Časť 2 z 3: Písanie základnej hry
Krok 1. Pochopte základné stavebné prvky kódu AS3
Pri vytváraní základnej hry budete používať niekoľko rôznych štruktúr kódu. Existujú tri hlavné časti akéhokoľvek kódu AS3:
-
Premenné - Takto sa ukladajú vaše údaje. Údaje môžu byť čísla, slová (reťazce), objekty a ďalšie. Premenné sú definované kódom var a musia mať jedno slovo.
var playerHealth: Číslo = 100; // "var" označuje, že definujete premennú. // "playerHealth" je názov premennej. // "Číslo" je typ údajov. // "100" je hodnota priradená premennej. // Všetky riadky ActionScriptu končia ";"
-
Obslužné rutiny udalostí - Obslužné rutiny udalostí vyhľadávajú konkrétne veci, ktoré sa majú vyskytnúť, a potom ich oznámia zvyšku programu. To je nevyhnutné pre vstup hráča a opakovanie kódu. Obslužné rutiny udalostí zvyčajne vyžadujú funkcie.
addEventListener (MouseEvent. CLICK, swingSword); // "addEventListener ()" definuje obsluhu udalosti. // "MouseEvent" je kategória vstupu, ktorý sa počúva. // ". CLICK" je konkrétna udalosť v kategórii MouseEvent. // "swingSword" je funkcia, ktorá sa volá keď nastane udalosť.
-
Funkcia - Časti kódu priradené ku kľúčovému slovu, ktoré je možné vyvolať neskôr. Funkcie zvládajú väčšinu programovania vašej hry a zložité hry môžu mať stovky funkcií, zatiaľ čo jednoduchšie hry môžu mať iba niekoľko. Môžu byť v ľubovoľnom poradí, pretože fungujú iba vtedy, keď sú vyzvaní.
funkcia swingSword (e: MouseEvent): neplatné; {// Váš kód tu je} // "funkcia" je kľúčové slovo, ktoré sa zobrazuje na začiatku každej funkcie. // "swingSword" je názov funkcie. // "e: MouseEvent" je pridaný parameter, ktorý ukazuje, že funkcia // sa volá z poslucháča udalostí. // ": void" je hodnota, ktorú funkcia vracia. Ak nie je vrátená žiadna hodnota //, použite: void.
Krok 2. Vytvorte objekt
ActionScript sa používa na ovplyvnenie objektov vo Flashi. Na to, aby ste mohli hrať, budete musieť vytvoriť objekty, s ktorými bude hráč komunikovať. V závislosti od čítaných sprievodcov môžu byť objekty označované ako škriatkovia, herci alebo filmové klipy. V tejto jednoduchej hre vytvoríte obdĺžnik.
- Ak ste to ešte neurobili, otvorte Flash Professional. Vytvorte nový projekt ActionScript 3.
- Kliknite na nástroj na kreslenie Obdĺžnik na paneli Nástroje. Tento panel môže byť na rôznych miestach v závislosti od konfigurácie programu Flash Professional. V okne scény nakreslite obdĺžnik.
- Vyberte obdĺžnik pomocou nástroja na výber.
Krok 3. Priraďte objektu vlastnosti
Keď je vybratý novo vytvorený obdĺžnik, otvorte ponuku Upraviť a zvoľte „Previesť na symbol“. Môžete tiež stlačiť kláves F8 ako skratku. V okne „Previesť na symbol“dajte objektu ľahko rozpoznateľné meno, napríklad „nepriateľ“.
- Nájdite okno Vlastnosti. V hornej časti okna bude prázdne textové pole s názvom „Názov inštancie“, keď naň umiestnite kurzor. Pomenujte ho rovnako, ako ste ho premenili na symbol („nepriateľ“). To vytvára jedinečný názov, s ktorým je možné interagovať prostredníctvom kódu AS3.
- Každá „inštancia“je samostatný objekt, na ktorý môže mať vplyv kód. Už vytvorenú inštanciu môžete skopírovať viackrát kliknutím na kartu Knižnica a potiahnutím inštancie na scénu. Zakaždým, keď pridáte jeden, názov sa zmení tak, aby označoval, že ide o samostatný objekt („nepriateľ“, „nepriateľ1“, „nepriateľ2“atď.).
- Keď odkazujete na objekty v kóde, musíte jednoducho použiť názov inštancie, v tomto prípade „nepriateľ“.
Krok 4. Zistite, ako môžete zmeniť vlastnosti inštancie
Po vytvorení inštancie môžete vlastnosti upravovať prostredníctvom AS3. To vám umožní pohybovať objektom po obrazovke, meniť jeho veľkosť a podobne. Vlastnosti môžete upraviť zadaním inštancie, za ktorou nasleduje bodka „.“, Za ktorou nasleduje vlastnosť a za ňou hodnota:
- nepriateľ.x = 150; To ovplyvňuje polohu nepriateľského objektu na osi X.
- nepriateľ.y = 150; To ovplyvňuje polohu nepriateľského objektu na osi Y. Os Y sa vypočíta z hornej časti scény.
- nepriateľ.rotácia = 45; Otočí nepriateľský predmet o 45 ° v smere hodinových ručičiek.
- nepriateľ.scaleX = 3; Šírka nepriateľského objektu sa zvýši o faktor 3. Číslo (-) prevráti predmet.
- nepriateľ.škálaY = 0,5; Zabije predmet na polovicu jeho výšky.
Krok 5. Preskúmajte príkaz trace ()
Tento príkaz vráti aktuálne hodnoty pre konkrétne objekty a je užitočný pri zisťovaní, či všetko beží tak, ako by malo. Možno nebudete chcieť zahrnúť príkaz Trace do konečného kódu, ale je to užitočné pri ladení.
Krok 6. Vytvorte základnú hru pomocou vyššie uvedených informácií
Teraz, keď máte základné znalosti základných funkcií, môžete vytvoriť hru, v ktorej nepriateľ zmení veľkosť vždy, keď naň kliknete, až kým sa mu neminie zdravie.
var nepriateľHP: Číslo = 100; // nastaví nepriateľovi HP (zdravie) na 100 na začiatku. var playerAttack: Number = 10; // nastavuje silu útoku hráčov po kliknutí. nepriateľ.addEventListener (MouseEvent. CLICK, attackEnemy); // Pridaním tejto funkcie priamo k nepriateľskému objektu, // k funkcii dôjde iba pri // kliknutí na samotný objekt, na rozdiel od klikania kdekoľvek na obrazovke. setEnemyLocation (); // Toto volá nasledujúcu funkciu umiestnenia nepriateľa // na obrazovku. K tomu dochádza po spustení hry. set funkciíEnemyLocation (): void {nepriateľ.x = 200; // presunie nepriateľa na 200 pixelov z ľavej strany obrazovky nepriateľa.y = 150; // posunie nepriateľa o 150 pixelov z hornej časti obrazovky nepriateľ.rotácia = 45; // otočí nepriateľa o 45 stupňov v smere hodinových ručičiek („hodnota x nepriateľa je“, nepriateľ.x, „a hodnota y nepriateľa je“, nepriateľ.y); // Zobrazí aktuálnu polohu nepriateľa pri ladení} funkcia attackEnemy (e: MouseEvent): void // Tým sa vytvorí útočná funkcia pre kliknutie na nepriateľa {nepriateľHP = nepriateľHP - hráčAttack; // Odpočíta hodnotu útoku od hodnoty HP, // výsledkom je nová hodnota HP. nepriateľ.scaleX = nepriateľ HP / 100; // Mení šírku na základe novej hodnoty HP. // Delí sa 100, aby sa zmenil na desatinné miesto. nepriateľ.škálaY = nepriateľHP / 100; // Mení výšku na základe nového sledovania hodnôt HP („Nepriateľ má“, HP nepriateľa, „HP zostalo“); // Vyjadrite, koľko HP nepriateľovi zostalo}
Krok 7. Skúste to
Keď kód vytvoríte, môžete si otestovať svoju novú hru. Kliknite na ponuku Ovládanie a vyberte položku Testovať film. Vaša hra sa začne a kliknutím na nepriateľský objekt zmeníte jeho veľkosť. Vaše sledovacie výstupy sa zobrazia v okne Výstup.
Časť 3 z 3: Naučenie sa pokročilých techník
Krok 1. Zistite, ako balíky fungujú
ActionScript je založený na Jave a používa veľmi podobný systém balíkov. Balíky vám umožňujú uložiť premenné, konštanty, funkcie a ďalšie informácie do samostatných súborov a potom tieto súbory importovať do programu. Sú obzvlášť užitočné, ak chcete použiť balíček, ktorý vyvinul niekto iný a ktorý vám uľahčí vytváranie hry.
V tejto príručke nájdete ďalšie podrobnosti o tom, ako balíky fungujú v jazyku Java
Krok 2. Vytvorte priečinky projektu
Ak vytvárate hru s viacerými obrázkami a zvukovými klipmi, budete chcieť pre svoju hru vytvoriť štruktúru priečinkov. To vám umožní ľahko ukladať rôzne prvky a ukladať rôzne balíky, na ktoré je možné zavolať.
- Vytvorte základný priečinok pre svoj projekt. V základnom priečinku by ste mali mať priečinok „img“pre všetky vaše umelecké diela, priečinok „snd“pre všetky vaše zvukové diela a priečinok „src“pre všetky vaše balíčky hier a kód.
- Vytvorte priečinok „Hra“v priečinku „src“na uloženie súboru Constants.
- Táto konkrétna štruktúra nie je potrebná, ale je to ľahký spôsob, ako organizovať svoju prácu a materiály, najmä pre väčšie projekty. Pre jednoduchú hru vysvetlenú vyššie nebudete musieť vytvárať žiadne adresáre.
Krok 3. Pridajte do hry zvuk
Hra bez zvuku alebo hudby bude pre hráča rýchlo nudná. K objektom môžete do formátu Flash pridať zvuk pomocou nástroja Vrstvy. Bližšie informácie nájdete v tejto príručke.
Krok 4. Vytvorte súbor s konštantami
Ak má vaša hra veľa hodnôt, ktoré v priebehu hry zostanú rovnaké, môžete vytvoriť súbor konštánt a uložiť ich všetky na jedno miesto, aby ste ich mohli ľahko zavolať. Konštanty môžu zahŕňať hodnoty ako gravitácia, rýchlosť hráča a akékoľvek ďalšie hodnoty, na ktoré možno budete musieť opakovane vyvolávať.
-
Ak vytvoríte súbor konštánt, bude ho potrebné vložiť do priečinka v projekte a potom importovať ako balík. Povedzme napríklad, že vytvoríte súbor Constants.as a umiestnite ho do adresára hier. Na import by ste použili nasledujúci kód:
balík {importovať hru.*; }
Krok 5. Pozrite sa na hry iných ľudí
Aj keď mnohí vývojári neprezradia kód pre svoje hry, existuje množstvo projektových návodov a ďalších otvorených projektov, ktoré vám umožnia vidieť kód a jeho interakciu s hernými objektmi. Je to skvelý spôsob, ako sa naučiť niekoľko pokročilých techník, ktoré môžu vašej hre pomôcť vyniknúť.
