Ako vytvoriť flash hru?

1. Naplánujte si hru.
2. Zoznámte sa s jazykom ActionScript3.
3. Nainštalujte a spustite Adobe Flash Professional.
4. Vytvárajte objekty a priraďte im vlastnosti.
5. Použite Test film na otestovanie hry, ako ju píšete.
6. Pozrite sa na hry iných ľudí.

Budete chcieť pre svoju hru vytvoriť štruktúru priečinkov
Ak vytvárate hru s viacerými obrázkami a zvukovými klipmi, budete chcieť pre svoju hru vytvoriť štruktúru priečinkov.

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 tvárou v tvár rastúcim mobilným aplikáciám pomaly používa, 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 sprievodca vás naučí, ako sa naučiť vytvárať základné hry Flash.

Časť 1 z 3: spustenie postupu

  1. 1
    Navrhnite svoju hru. Predtým, ako začnete s kódovaním, pomôže vám urobiť si hrubú predstavu o tom, čo chce vaša hra robiť. Flash je najvhodnejší pre jednoduché hry, preto sa zamerajte na vytvorenie hry, ktorá má len 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.
    • Brawlers: Obvykle ide o sidescrolling a úlohou hráča je 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.
  2. 2
    Zistite, v čom blesk 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 herné relácie majú zvyčajne 15 minút alebo menej.
  3. 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.
    Ako sa naučiť vytvárať základné hry Flash
    Tento sprievodca vás naučí, ako sa naučiť vytvárať základné hry Flash.
  4. 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í typu open source, 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: napísanie základnej hry

  1. 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, pre ktorý sa počúva. // ".CLICK" je konkrétna udalosť v kategórii MouseEvent. // "swingSword" je funkcia, ktorá sa volá pri výskyte udalosti. 
    • 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. 
  2. 2
    Vytvorte predmet. 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 sprievodcov, ktorých čítate, 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.
  3. 3
    Priraďte objektu vlastnosti. Keď je vybratý váš novo vytvorený obdĺžnik, otvorte ponuku Upraviť a zvoľte „Previesť na symbol“. Môžete tiež stlačiť 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 myši. Pomenujte ho rovnako, ako keď ste ho previedli 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ď jeden pridáte, 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ľ“.
  4. 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ť atď. Vlastnosti môžete upraviť zadaním inštancie, za ktorou nasleduje bodka „.“, Za ktorou nasleduje vlastnosť a za ňou hodnota:
    • enemy.x = 150; To ovplyvňuje polohu nepriateľského objektu na osi X.
    • enemy.y = 150; To ovplyvňuje polohu nepriateľského objektu na osi Y. Os Y sa vypočíta z hornej časti scény.
    • enemy.rotation = 45; Otočí nepriateľský predmet o 45° v smere hodinových ručičiek.
    • enemy.scaleX = 3; Šírka nepriateľského objektu sa zvýši o faktor 3. Číslo (-) prevráti predmet.
    • enemy.scaleY = 0,5; Zabije predmet na polovicu jeho výšky.
    Pomôže vám urobiť si zhruba predstavu o tom
    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ť.
  5. 5
    Preskúmajte trace() príkaz. 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í.
  6. 6
    Vytvorte základnú hru podľa vyššie uvedených informácií. Teraz, keď máte základné znalosti o základných funkciách, 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í HP (zdravie) nepriateľa na začiatku na 100. 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ľava od nepriateľa obrazovky.y = 150; // presunie nepriateľa nadol o 150 pixelov z hornej časti obrazovky nepriateľa.rotation = 45; // otočí nepriateľa o 45° 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 sledu hodnôt HP („Nepriateľ má“, HP nepriateľa, „HP zostalo“); // Vyjadrite, koľko HP nepriateľovi zostalo}// 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}// Odpočíta hodnotu útoku od hodnoty HP, // čím vznikne 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 sledu hodnôt HP („Nepriateľ má“, HP nepriateľa, „HP zostalo“); // Vyjadrite, koľko HP nepriateľovi zostalo} 
  7. 7
    Vyskúšaj to. Po vytvorení kódu si môžete 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: osvojenie si pokročilých techník

  1. 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.
  2. 2
    Vybudujte si 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ä pri väčších projektoch. Pre jednoduchú hru vysvetlenú vyššie nebudete musieť vytvárať žiadne adresáre.
    Flash hry sa tiež najlepšie hodia na rýchle sedenia
    Takmer každá úspešná hra Flash bola 2D. Flash hry sa tiež najlepšie hodia na rýchle sedenia.
  3. 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. Viac podrobností nájdete v tejto príručke.
  4. 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.*; } 
  5. 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úť.

Otázky a odpovede

  • Môžem použiť Scratch?
    Áno, ak sa chcete dozvedieť viac, stačí prejsť napravo od programu stieračov.
  • Môžem pomocou Flash vytvoriť lacnú platenú hru?
    Áno, určite by ste mohli vytvoriť lacnú platenú hru pomocou Flash!
  • Ako môžem vytvoriť hru v Jave?
    V hre Make a rock, paper, scissors in java existuje návod na výrobu jednoduchého.
  • Mám low-end PC bez grafickej karty. Môžem vytvoriť 2D hru, a ak áno, aký softvér by som mal použiť?
    Flash stále môžete používať, pretože grafické karty v skutočnosti 2D hry až tak neovplyvňujú (môžu sa však vyskytnúť problémy s rýchlosťou vášho počítača).
  • Ako sa nazývajú niektoré bezplatné programy?
    Jeden z bezplatných programov sa nazýva Freeware. Je zadarmo a ľahko sa používa.

Súvisiace články
  1. Ako vytvoriť textovú hru?
  2. Ako sa stať vývojárom hier?
  3. Ako vytvoriť virtuálny svet?
  4. Ako si navrhnúť vlastnú hernú postavu?
  5. Ako robiť videohry s neskutočným engine 4?
  6. Ako vytvoriť zábavnú vzdelávaciu videohru?
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail