Flash je populárny formát pre videohry v prehliadačoch, ako sú stránky ako Newgrounds a Kongregate. Napriek tomu, že formát Flash je v mobilných aplikáciách málo využívaný, stále existuje veľa kvalitných hier, ktoré sa pomocou Flash naďalej vyrábajú. Flash používa ActionScript, jazyk, ktorý sa dá ľahko naučiť a poskytuje kontrolu nad objektmi na obrazovke. V kroku 1 nižšie sa dozviete, ako vytvoriť základnú hru Flash.
Krok
Časť 1 z 3: Začíname
Krok 1. Navrhnite hru
Predtým, ako začnete s kódovaním, vytvorte si hrubú predstavu o svojej hre. Flash je najvhodnejší pre jednoduché hry, preto sa zamerajte na vytváranie hier, ktoré majú veľmi málo herných mechanizmov. Pred spustením prototypu definujte žáner a hernú mechaniku. Medzi bežné flash hry patria:
- Endless runner: Hra automaticky presúva postavy. Hráči musia skákať cez prekážky alebo interagovať s hrou. Hráči majú spravidla iba jednu alebo dve možnosti ovládania.
- Fighters: Hra má spravidla bočné posúvanie. Aby mohli hráči postúpiť, musia poraziť nepriateľa. Postava hráča má niekoľko ťahov na porazenie nepriateľa.
- Hádanky: Hráči musia vyriešiť hádanky, aby porazili každú úroveň. Počnúc štýlom spájania troch objektov svojho druhu, ako je Bejeweled, až po zložité hádanky, ako sú dobrodružné hry.
- RPG: Hra sa zameriava na vývoj a pokrok postáv. Hráči prechádzajú mnohými rôznymi situáciami, ako aj rôznymi druhmi nepriateľov. Mechanika boja sa veľmi líši, ale mnohé z týchto typov sú ťahové. RPG hry sú výrazne ťažšie kódovateľné ako jednoduché akčné hry.
Krok 2. Pochopte, aké sú výhody blesku
Flash je najvhodnejší pre 2D hry. Flash je možné vytvoriť na vytváranie 3D hier, je však veľmi komplikovaný a vyžaduje viac znalostí. Takmer každá úspešná hra Flash má 2D formát.
Flash hry sa tiež najlepšie hodia na rýchle sedenia. Dôvodom je, že väčšina hráčov hrá, keď majú málo voľného času, ako sú napríklad prestávky, čo znamená, že herné relácie zvyčajne trvajú maximálne 15 minút
Krok 3. Zoznámte sa s jazykom ActionScript3 (AS3)
Flash hry sú naprogramované v AS3 a budete potrebovať základné znalosti o tom, ako fungujú, aby ste boli úspešní pri vytváraní hier. V AS3 môžete vytvárať jednoduché hry so základným porozumením kódu.
V Amazone a ďalších obchodoch je k dispozícii mnoho kníh ActionScript a množstvo tutoriálov a happeningov na internete
Krok 4. Stiahnite si Flash Professional
Tento program je trochu drahý, ale je veľmi dobrý na rýchle vytváranie programov Flash. Existuje niekoľko ďalších možností programu, vrátane open source, ale spravidla sú menej kompatibilné alebo dokončenie tej istej úlohy trvá dlhšie.
Flash Professional je jediný program, ktorý budete potrebovať na začatie vytvárania hier
Časť 2 z 3: Písanie základných hier
Krok 1. Pochopte základné stavebné prvky kódu AS3
Základná hra má niekoľko rôznych štruktúr kódu. Kód AS3 má tri hlavné časti:
-
Premenné - Ide o spôsob ukladania údajov. Údaje môžu byť čísla, slová (reťazce), objekty a ďalšie. Premenné sú definované kódom var a musia pozostávať z jedného slova.
var playerHealth: Číslo = 100; // "var" znamená, že definujete premennú. // "playerHealth" je názov premennej. // "Číslo" je typ údajov. // "100" je hodnota priradená premennej. // Všetky riadky ActionScriptu končia ";"
-
Obsluha udalostí - obsluha udalostí hľadá určité veci, ktoré sa stali, a potom upozorní zvyšok programu. To je dôležité pre vstup hráča a opakovaný kód. Obslužné rutiny udalostí zvyčajne volajú funkcie.
addEventListener (MouseEvent. CLICK, swingSword); // "addEventListener ()" definuje obsluhu udalosti. // "MouseEvent" je kategória počúvaného vstupu. // ". CLICK" Je zadaná udalosť v kategórii MouseEvent. // "swingSword" je funkcia, ktorá sa volá keď nastane udalosť.
-
Funkcia - kus kódu, ktorý je priradený ku kľúčovému slovu a je možné ho zavolať neskôr. Funkcie zvládajú väčšinu programovania hier a komplexná hra môže mať stovky funkcií. Funkcie môžu byť v ľubovoľnom poradí, pretože fungujú iba vtedy, ak sú vyvolané.
funkcia swingSword (e: MouseEvent): neplatné; {// Váš kód tu} // "funkcia" je kľúčové slovo, ktoré sa nachádza na začiatku každej funkcie. // "swingSword" je názov funkcie. // "e: MouseEvent" je pridaný parameter, ktorý naznačuje //, že funkcia bola volaná z poslucháča udalostí. // ": void" je hodnota vrátená funkciou. // Ak nie je vrátená žiadna hodnota, použite: void.
Krok 2. Vytvorte objekt
ActionScript sa používa na ovplyvnenie objektov vo Flashi. Ak chcete vytvoriť hru, musíte vytvoriť objekty, s ktorými môžu hráči komunikovať. V závislosti od prečítaného sprievodcu môžu byť objekty označované ako škriatkovia, herci alebo filmy. Pre túto jednoduchú hru vytvoríte obdĺžnik.
- Otvorte aplikáciu 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 inom mieste, 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. Nastavte vlastnosti objektu
Vyberte novo vybratý obdĺžnik, prejdite do ponuky 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ľ“.
- Vyhľadajte okno Vlastnosti. V hornej časti okna bude pri umiestnení kurzora myši na prázdne textové pole s názvom „Názov inštancie“. Pomenujte ho rovnako, ako keď ste z neho urobili symbol („nepriateľ“). To vytvára jedinečný názov pre interakciu prostredníctvom kódu AS3.
- Každá „udalosť“je samostatný objekt, ktorý môže kód ovplyvniť. Udalosti, ktoré boli vytvorené viackrát, môžete skopírovať kliknutím na kartu Knižnica a presunutím myšou do scény. Zakaždým, keď je pridaná udalosť, zmení sa jej názov tak, aby naznačoval, že objekt je oddelený („nepriateľ“, „nepriateľ1“, „nepriateľ2“atď.).
- Keď v kóde odkazujete na objekt, stačí použiť názov udalosti, v tomto prípade „nepriateľ“.
Krok 4. Zistite, ako zmeniť vlastnosti udalosti
Hneď ako je udalosť vytvorená, môžete nastaviť jej vlastnosti prostredníctvom AS3. To vám umožní presúvať objekty, meniť ich veľkosť a podobne. Vlastnosť môžete prispôsobiť tak, že zadáte výskyt, za ktorým bude nasledovať bodka „.“, Potom vlastnosť a za ňou hodnota:
- nepriateľ.x = 150; Ovplyvňuje to polohu nepriateľských predmetov na osi X.
- nepriateľ.y = 150; Ovplyvňuje to polohu nepriateľských predmetov na osi Y. Os Y sa počíta z hornej časti scény.
- nepriateľ.rotácia = 45; Otáča nepriateľské objekty o 45 ° v smere hodinových ručičiek.
- nepriateľ.scaleX = 3; Roztiahne šírku nepriateľského objektu o násobok 3. Znak (-) predmet prevráti.
- nepriateľ.škálaY = 0,5; Mení výšku objektu na polovicu jeho aktuálnej výšky.
Krok 5. Sledujte príkaz trace ()
Tento príkaz vráti aktuálnu hodnotu zadaného objektu a je užitočný na určenie, či všetko funguje tak, ako by malo. Príkaz Trace pravdepodobne nezahrniete do konečného kódu, ale môže byť užitočný pri lokalizácii zdroja neúspešného kódu.
Krok 6. Vybudujte základnú hru pomocou vyššie uvedených informácií
Teraz máte základné znalosti o základných funkciách. Môžete vytvoriť hru, v ktorej sa zakaždým, keď kliknete na nepriateľa, veľkosť zmenší, kým nebude nepriateľ zničený
var nepriateľHP: Číslo = 100; // Na začiatku hry nastaví nepriateľovi HP (zdravie) na 100. var playerAttack: Number = 10; // Nastavuje hráčovu silu útoku po kliknutí. nepriateľ.addEventListener (MouseEvent. CLICK, attackEnemy); // Pridaním tejto funkcie priamo k nepriateľskému objektu // sa táto funkcia vyskytne iba vtedy, keď // sa klikne na samotný objekt, a nie vtedy, keď klikne kdekoľvek na obrazovke. setEnemyLocation (); // Zavolá nasledujúcu funkciu na umiestnenie nepriateľa // na obrazovku. To sa stane, keď sa hra začne. set funkciíEnemyLocation (): void {nepriateľ.x = 200; // Presuňte nepriateľa o 200 pixelov z ľavej strany obrazovky nepriateľa.y = 150; // Posuňte nepriateľa o 150 pixelov nadol z hornej časti obrazovky nepriateľ.rotácia = 45; // Otočte nepriateľa o 45 stupňov v smere hodinových ručičiek („hodnota x nepriateľa je“, nepriateľ.x, „a hodnota nepriateľa y je“, nepriateľ.y); // Zobrazí aktuálnu polohu nepriateľa, aby našiel zdroj chyby} funkcia attackEnemy (e: MouseEvent): void // Vytvorí funkciu útoku, keď na nepriateľa kliknete {nepriateľHP = nepriateľHP - hráčAttack; // Odčíta hodnotu útoku od hodnoty HP, // Vygeneruje novú hodnotu HP. nepriateľ.scaleX = nepriateľ HP / 100; // Zmeňte šírku na základe novej hodnoty HP. // Hodnota je delená 100 a potom prevedená na desatinné miesto. nepriateľ.škálaY = nepriateľHP / 100; // Zmena výšky na základe nového sledovania hodnôt HP („Nepriatelia majú“, nepriateľský HP, „Zostávajúci HP“); // Ukazuje, koľko HP nepriateľovi zostalo}
Krok 7. Skúste to
Keď kódujete, môžete si vyskúšať túto novú hru. Kliknite na ponuku Ovládanie a vyberte položku Testovať film. Hra sa spustí a kliknutím na nepriateľský objekt zmeníte jeho veľkosť. V okne Výstup sa zobrazí výstup Trace.
Časť 3 z 3: Naučenie sa pokročilých techník
Krok 1. Zistite, ako balíky fungujú
ActionScript je založený na jazyku Java a používa veľmi podobný systém balíkov. Pomocou balíkov môžete ukladať premenné, konštanty, funkcie a ďalšie informácie do samostatných súborov a tieto súbory potom importovať do programu. To je obzvlášť užitočné, ak chcete používať balíčky, ktoré vyvinuli iní ľudia a ktoré uľahčujú vytváranie hier.
Pozrite sa na sprievodcu na Wikihow, kde nájdete ďalšie podrobnosti o fungovaní balíkov v Jave
Krok 2. Vybudujte priečinok projektu
Ak vytvárate hru, ktorá obsahuje obrázky a zvukové klipy, vytvorte v nej štruktúru priečinkov. Bude pre vás jednoduchšie ukladať rôzne typy prvkov a tiež ukladať rôzne balíky, na ktoré je možné zavolať.
- Vytvorte základný priečinok pre svoj projekt. V základnom priečinku vytvorte priečinok „img“pre všetky umelecké diela, priečinok „snd“pre všetky zvukové diela a priečinok „src“pre všetky balíky hier a kódov.
- Vytvorte priečinok „Hry“v priečinku „src“na uloženie súboru Constants.
- Táto konkrétna štruktúra nie je potrebná, ale uľahčí organizáciu práce všetkých materiálov, najmä pri väčších projektoch. Pre jednoduchú hru popísanú vyššie nemusíte vytvárať žiadne adresáre.
Krok 3. Pridajte do hry zvuk
Hry bez zvuku alebo hudby hráčov rýchlo nudia. K objektom môžete pridať zvuk pomocou nástroja Vrstvy.
Krok 4. Vytvorte súbor Konštanty
Ak má vaša hra veľa hodnôt, ktoré v priebehu hry zostanú rovnaké, môžete vytvoriť súbor konštánt a všetky ich zhromaždiť na jednom mieste, aby ich bolo možné ľahko vyvolať. Konštanty môžu zahŕňať hodnoty ako gravitácia, rýchlosť hráča a ďalšie hodnoty, ktoré môže byť potrebné opakovane volať.
-
Ak ste vytvorili súbor konštánt, umiestnite ho do priečinka v projekte a potom ho importujte ako balík. Predpokladajme, že vytvoríte súbor Constants.as a umiestnite ho do priečinka hier. Na importovanie použite nasledujúci kód:
balík {importovať hru.*; }
Krok 5. Pozrite sa na hru iných ľudí
Aj keď mnoho vývojárov nezverejní svoj herný kód, existuje množstvo tutoriálnych projektov a ďalších projektov s otvoreným zdrojovým kódom, ktoré vám umožnia zobraziť kód a pracovať s hernými objektmi. Je to skvelý spôsob, ako sa naučiť množstvo pokročilých techník, ktoré môžu vašej hre pomôcť vyniknúť.
