3 spôsoby, ako vytvoriť online hru

Obsah:

3 spôsoby, ako vytvoriť online hru
3 spôsoby, ako vytvoriť online hru

Video: 3 spôsoby, ako vytvoriť online hru

Video: 3 spôsoby, ako vytvoriť online hru
Video: Настя и Арбуз со сказочной историей для детей 2024, Smieť
Anonim

Hrali ste niekedy online hru a pomysleli ste si: „Chcem vytvoriť niečo také, mám niekoľko skvelých nápadov“? V minulosti ste sa museli naučiť kódovať v jazyku ActionScript 3, ktorý ovláda Flash. Vďaka niektorým programom na tvorbu hier je však zážitok z kódovania minulosťou. Hry si môžete urobiť zábavnými a pohlcujúcimi manipuláciou s objektmi a logikou, bez toho, aby ste sa museli dotknúť akýchkoľvek riadkov kódu.

Krok

Metóda 1 z 3: Navrhovanie hier

Vytvorenie online hier Krok 1
Vytvorenie online hier Krok 1

Krok 1. Napíšte základný popis

Zadajte funkcie a to, čo chcete, aby prehrávač dosiahol. Je skvelé mať základný náčrt toho, čo chcete so svojou hrou robiť, písomne, aby ste ju mohli vidieť, ako na nej pracujete.

V tejto príručke nájdete ďalšie podrobnosti o písaní dokumentov k návrhu hry

Vytvorenie online hier Krok 2
Vytvorenie online hier Krok 2

Krok 2. Nakreslite niekoľko náčrtov

Nakreslite základný dizajn obrazovky tak, ako chcete. Nemusí to byť veľmi podrobné, ale mali by ste mať aspoň predstavu o tom, kde budú rôzne prvky na obrazovke umiestnené. To sa vám bude hodiť neskôr, keď začnete vytvárať rozhranie pre svoju hru.

Vytvorenie online hier Krok 3
Vytvorenie online hier Krok 3

Krok 3. Vyberte spôsob vytvorenia hry

Spočiatku sa musíte naučiť kód pre ActiopnScript3 na vytváranie hier Flash. 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 obľúbené možnosti vytvárania hier patria:

  • Stencyl - Jedná sa o novší nástroj, ktorý vám umožňuje vytvárať hry pomocou objektových skriptov a logiky. Túto hru je potom možné previesť na projekt Flash a nahrať na ľubovoľný web, ktorý podporuje hry Flash.
  • Konštrukcia 2 - Ako Flash starne, mal by byť nahradený inými spôsobmi vytvárania hier. Jeden z najnovších spôsobov vytvárania online hier je používanie 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, ako napríklad Stencyl.
  • Flash Builder - Toto je tradičná metóda na vytváranie hier Flash. Vyžaduje značné množstvo znalostí jazyka ActionScript, ale je to jeden z jazykov, ktorých naučenie je jednoduchšie. Flash Builder stojí peniaze, ale otvorený program FlashDevelop môžete použiť na mnohé rovnaké účely.

Metóda 2 z 3: Použitie Stencyl

Vytvorenie online hier Krok 4
Vytvorenie online hier Krok 4

Krok 1. Stiahnite si a nainštalujte Stencyl

Stencyl je program na vytváranie hier, ktorý nevyžaduje žiadne znalosti kódovania. Na manipuláciu s predmetmi v hre môžete použiť rôzne logické nástroje.

Stencyl je možné bezplatne použiť iba vtedy, ak chcete zverejniť svoju hru online. Bezplatná verzia bude mať na začiatku logo Stencyl. Ak získate platenú verziu, môžete publikovať na iných platformách

Vytvorenie online hier Krok 5
Vytvorenie online hier Krok 5

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 hre, kliknite na bodkované pole s názvom „Kliknutím tu vytvoríte novú hru“.

Vytvorenie online hier Krok 6
Vytvorenie online hier Krok 6

Krok 3. Vyberte si súpravu

Existuje niekoľko súprav, ktoré obsahujú hotové prostriedky a objekty, ktoré vám môžu pomôcť rýchlo uviesť hru do prevádzky. Vyberte si súpravu, ak chcete, alebo zvoľte „Prázdna hra“(Prázdna hra)

Súpravy vyrobené inými používateľmi si môžete stiahnuť online

Vytvorenie online hier Krok 7
Vytvorenie online hier Krok 7

Krok 4. Zadajte informácie o hre

Predtým, ako sa pustíte do budovania hry, musíte zadať niekoľko informácií.

  • Názov - Toto je názov vašej hry. Neskôr to môžete zmeniť na čokoľvek chcete.
  • Veľkosť obrazovky - Toto je veľkosť obrazovky a je veľmi dôležitá, pretože ovplyvní umenie, ktoré používate. Keďže ľudia budú zvyčajne hrať vašu hru pomocou webového prehliadača, veľkosť obrazovky nemusí byť taká veľká. Skúste to Šírka: 640 px Výška: 480 px. Na začiatok je to dobrá veľkosť.
Vytvorenie online hier Krok 8
Vytvorenie online hier Krok 8

Krok 5. Zoznámte sa s rozložením

Pri prvom načítaní 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éna - 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. Patria sem herci, pozadia, písma, scény, logika, zvuky a sady dlaždíc. Zdroje sú usporiadané v strome v ľavej časti obrazovky.
  • Nastavenia - Možnosti hry a nastavení vám umožňujú prispôsobiť si fungovanie svojej hernej mechaniky vrátane ovládania, gravitácie, zlyhaní, načítania obrazovky a ďalších.
Vytvorenie online hier Krok 9
Vytvorenie online hier Krok 9

Krok 6. Vytvorte hercov

Herec je akýkoľvek predmet, ktorý sa v hre pohybuje alebo s ktorým je možné interagovať (hráči, nepriatelia, dvere atď.) Budete musieť vytvoriť herca pre každý objekt v hre. Ak chcete vytvoriť herca, kliknite na možnosť „Typy hercov“v ponuke Prostriedky. Zo zoznamu vyberte požadovaného herca (zoznam je určený zo sady, ktorú ste vybrali).

  • Priraďte hercov k skupinám (hráči, nepriatelia). Pomôže to určiť kolízne vlastnosti herca. Vyberte svojho herca a otvorí sa editor herca. Potom kliknite na kartu Vlastnosti a v rozbaľovacej ponuke vyberte príslušnú skupinu.
  • Vyberte si správanie (skákanie, šliapanie, chôdza). Správanie je to, čo umožňuje vášmu hercovi niečo urobiť. Kliknite na položku Správanie a potom na tlačidlo+ Pridať správanie v dolnom ľavom rohu. Vyberte zo zoznamu správanie (napríklad „Chôdza“) a kliknite na „Vybrať“.
  • Nastaviť ovládanie. Ak vytvárate postavu hráča, budete chcieť dovoliť hráčovi, aby ju posunul. Keď pridáte správanie pri chôdzi, dostanete sa na obrazovku atribútov Chôdza. Pomocou ponuky môžete vybrať, ktoré tlačidlo posunie herca doľava a doprava. Animácie si môžete nainštalovať aj vtedy, ak ich obsahuje používaná súprava.
  • Môžete pridať veľa spôsobov správania a nastaviť, čo môžu herci robiť.
Vytvorenie online hier Krok 10
Vytvorenie online hier Krok 10

Krok 7. Vytvorte scénu

Scéna je to, čo hráč vidí pri hraní hry. Toto je pozadie, rovnako ako všetky viditeľné objekty a herci. Ak chcete vytvoriť novú scénu, kliknite na možnosť Scény v strome zdrojov a potom kliknite na pole s linkou. Pokračujte pomenovaním svojej novej scény.

  • Pozadie - vašej scéne sa automaticky zmení veľkosť, takže si s tým zatiaľ nemusíte robiť starosti. Môžete sa rozhodnúť použiť farbu ako pozadie, ktoré bude nad ňou obložené. Môžete si tiež vybrať z plných alebo prechodových farieb. Po dokončení kliknite na „Vytvoriť“. Tým sa otvorí Scene Designer.
  • Umiestnite dlaždice - Sady dlaždíc zahrnuté vo vašej súprave sa načítajú 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 na svoju scénu položiť dlaždice. Kliknutím a ťahaním myšou položíte dvojité dlaždice.
  • Postavte herca. Kliknutím na kartu Herci nad sadou dlaždíc prepnete na svojich dostupných hercov. Na to, aby sa mohol objaviť v tomto zozname, si ho musíte vopred vytvoriť. Kliknite na herca, ktorého chcete umiestniť, a potom kliknite na scénu, v ktorej sa má objaviť. Ak stlačíte Shift, herec sa tam presunie.
  • Pridaná gravitácia. 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 Zeme.
Vytvorenie online hier, krok 11
Vytvorenie online hier, krok 11

Krok 8. Otestujte hru

Keď vytvoríte scénu a nasadíte niektorých hercov, môžete si hru vyskúšať. Kliknutím na tlačidlo „Testovať hru“v hornej časti obrazovky si prehráte to, čo ste teraz vytvorili. Nastavené klávesy môžete použiť na ovládanie postavy hráča.

Vyhľadajte akýkoľvek aspekt, ktorý nefunguje, a pokúste sa ho opraviť. Správa sa napríklad nepriateľ správne? Dokážete poraziť nepriateľa? Existujú nedosiahnuteľné platformy alebo neprechodné priepasti? 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ý výsledok bude zábavnejšie a ľahšie sa bude hrať

Vytvorenie online hier Krok 12
Vytvorenie online hier Krok 12

Krok 9. Pridajte ďalšie

Teraz, keď máte pracovnú a hrateľnú scénu, je načase postaviť celú hru. Pridajte úrovne a výzvy a testujte svoje doplnky, aby ste sa presvedčili, že sú zábavné a fungujú správne.

Vytvorenie online hier Krok 13
Vytvorenie online hier Krok 13

Krok 10. Site Lock your game

Ak budete hru nahrávať na web, ktorý je hostiteľom hier typu Flash, alebo ju budete nahrávať na svoje vlastné stránky, mali by ste použiť funkciu „Site Lock“. Zabráni sa tým hre, ak sa nenachádza v zozname povolených stránok.

  • Otvorte „Nastavenia hry“v strome „Prostriedky“. Vyberte sekciu „Nakladač“. Webové stránky, ktoré povoľujete, zadajte do poľa „Site Lock“oddelené čiarkami a medzerami. 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. To umožní hráčom hrajúcim vašu hru prepojiť váš web/
Vytvorenie online hier, krok 14
Vytvorenie online hier, krok 14

Krok 11. Exportujte hru ako Flash

Keď ste s 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 na 'Publikovať' (Publikovať), zvoľte 'Web' a potom kliknite na 'Flash'. Uložte súbor na ľahko dostupné miesto vo svojom počítači.

Vytvorenie online hier, krok 15
Vytvorenie online hier, krok 15

Krok 12. Zverejnite hru

Keď máte súbor Flash (. SWF), môžete ho nahrať na web, ktorý si vyberiete. Existuje niekoľko webových stránok, ktoré sú hostiteľmi hier Flash, a niektoré vám dokonca umožňujú zarobiť peniaze z príjmu z reklamy. Hry môžete tiež nahrávať na svoj vlastný web, ale v prípade popularity hry by ste sa mali uistiť, že máte k dispozícii šírku pásma, ktorá bude vyhovovať hráčom.

  • Pozrite sa na tohto sprievodcu pre nahrávanie hier na vlastný web.
  • Ak chcete nahrať svoju hru na web, ako je Newgrounds alebo Kongregate, budete si musieť vytvoriť účet a potom prejsť procesom nahrávania týchto stránok. Podmienky sa budú líšiť pre každý web.
  • Ak chcete publikovať svoju hru v Stencyl Arcade, môžete tak urobiť v programe Stencyl. Kliknite na „Publikovať“, vyberte „Stencyl“a potom kliknite na „Arkádové“. Hra sa automaticky nahrá, takže sa uistite, že ste s menom spokojní. Stencyl Arcade má limit veľkosti súboru MB.

Metóda 3 z 3: Použitie konštrukcie 2

Vytvorenie online hier, krok 16
Vytvorenie online hier, krok 16

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ť nastaviť niekoľko premenných, ale to všetko sa deje pomocou ponuky bez nutnosti kódovania.

Construct 2 je bezplatný, aj keď niektoré funkcie sú okrem inovácie obmedzené. Bezplatná verzia nemôže publikovať na iných platformách ako HTML5

Vytvorenie online hier Krok 17
Vytvorenie online hier Krok 17

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 príkladov, ktoré môžete použiť na to, ako vytvoriť základnú hru.

Na začiatku nového projektu sa vám zobrazí zoznam šablón. Pri prvom projekte odporúčame začať s prázdnym projektom. To vám umožní zvyknúť si na základy bez toho, aby vám šablóny prekážali

Vytvorenie online hier, krok 18
Vytvorenie online hier, krok 18

Krok 3. Upravte nastavenia svojho projektu

V ľavej časti okna projektu uvidíte sériu objektov v ráme Vlastnosti. Môžete to použiť na nastavenie veľkosti obrazovky a zadanie informácií o hre a spoločnosti.

Vytvorenie online hier, krok 19
Vytvorenie online hier, krok 19

Krok 4. Zadajte pozadie

Dvakrát kliknite na rozloženie. V sekcii Všeobecné zvoľte „Kachľové pozadie“. Kliknutím na svoje 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 stiahnuť textúry z niekoľkých online miest.

  • Nastavte pozadie na veľkosť rozloženia. To urobíte tak, že vyberiete objekt na pozadí a zmeníte jeho veľkosť v rámčeku Vlastnosti.
  • Premenujte vrstvu a zamknite ju. Vrstvu by ste mali uzamknúť, aby ste sa vyhli náhodnému pohybu pri umiestňovaní iných predmetov. Kliknite na kartu „Vrstvy“v pravej časti obrazovky. Vyberte vrstvu a kliknite na tlačidlo Ceruzka. Pomenujte vrstvu „Pozadie“a potom pozadie uzamknite kliknutím na tlačidlo „Visiaci zámok“.
Vytvorenie online hier, krok 20
Vytvorenie online hier, krok 20

Krok 5. Vytvorte novú vrstvu

Na karte vrstiev vytvorte novú vrstvu kliknutím na tlačidlo „+“. Pomenujte ho „Hlavný“. Toto bude vrstva, v ktorej bude sídliť väčšina vašich herných predmetov. Pred pokračovaním sa uistite, že je vybratá hlavná vrstva.

Vytvorenie online hier, krok 21
Vytvorenie online hier, krok 21

Krok 6. Pridajte vstup pre svoju hru

V hre Construct 2 musíte svoj vstup pridať ako objekt do hry. Je neviditeľný a v projekte umožní použitie klávesnice a myši.

Dvakrát kliknite na rozloženie a potom v vstupnej časti vyberte „Myš“. To isté urobte pre vloženie objektu „Klávesnica“

Vytvorenie online hier, krok 22
Vytvorenie online hier, krok 22

Krok 7. Pridajte objekty

Teraz je načase pridať do rozloženia niektoré herné objekty. Dvakrát kliknite na rozloženie a zo všeobecnej sekcie vyberte „Sprite“. Pomocou krížového kríža vyberte, kam chcete umiestniť škriatkov. Otvorí sa editor obrázkov, ktorý vám umožní načítať existujúci sprite alebo vytvoriť nový.

Keď v rozložení vyberiete sprite, vlastnosť sprite sa načíta v ľavom ráme. Premenujte škriatkov, aby ste ich mohli jednoduchšie identifikovať a odkázať na ne

Vytvorenie online hier, krok 23
Vytvorenie online hier, krok 23

Krok 8. Pridajte k svojmu objektu správanie

Ak chcete pridať správanie, kliknite na objekt, ku ktorému chcete pridať 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 predkonfigurovanou logikou, ktorá vám umožní rýchlo pridať do objektov použiteľnosť. Môžete si vybrať zo širokej škály vopred pripravených spôsobov správania, ktoré môžu poskytnúť široké spektrum použití. Ak chcete napríklad vytvoriť pevnú podlahu, dajte mu správanie „Pevné“. Ak chcete posunúť postavu v 8 smeroch, zadajte správanie „8 -smerový pohyb“

Vytvorenie online hier, krok 24
Vytvorenie online hier, krok 24

Krok 9. Zmeňte vlastnosti správania

Správanie môžete upraviť tak, aby zodpovedalo spôsobu, akým váš objekt funguje. Hodnotami môžete zmeniť rýchlosť, smer a ďalšie vlastnosti.

Vytvorenie online hier, krok 25
Vytvorenie online hier, krok 25

Krok 10. Pochopte, ako udalosti fungujú

Udalosti sú zoznamom podmienok a sú tým, čomu hra uniká. Ak sa dosiahne podmienka, nastane udalosť. Ak podmienka nie je splnená, udalosť nenastane. Stránka udalosti sa spravidla spustí asi 60 -krát za sekundu. Každý beh sa nazýva „tik“.

Vytvorenie online hier, krok 26
Vytvorenie online hier, krok 26

Krok 11. Vytvorte udalosť

Dvakrát kliknite na stránku Udalosti. Zobrazí sa zoznam dostupných objektov. Vyberte objekt, pre ktorý chcete vytvoriť udalosť, alebo môžete vytvoriť systém.

  • Vyberte, kedy sa akcia vyskytne. Po výbere objektu budete vyzvaní, aby ste vybrali, kedy k udalosti došlo. To môže byť založené na iných udalostiach alebo v určitom čase. Vždy „každé zaškrtnutie“.
  • Pridajte akciu. Budete vyzvaní, aby ste vybrali jeden z vašich objektov. Vyberte si zo zoznamu akcií. Ak napríklad vytvárate strieľačku a chcete, aby bola postava hráča vždy otočená k myši, vytvorili by ste akciu „Uhol pohľadu na pozíciu“pre každé začiarknutie na objekte hráča. Keď sa zobrazí výzva na zadanie súradníc, zadajte „Mouse. X“pre X a „Mouse. Y“pre Y. Vďaka tomu bude hráčova loď vždy otočená proti kurzoru.
Vytvorenie online hier, krok 27
Vytvorenie online hier, krok 27

Krok 12. Pridajte ďalšie udalosti a správanie

Toto je chrbtica vašej hry. Pridávanie a zlepšovanie správania a udalostí vám pomôže vytvárať jedinečné a zábavné hry, ktoré budú ľudia chcieť hrať. Experimentujte s rôznymi udalosťami a pokúste sa získať hru, ktorú skutočne chcete.

Vytvorenie online hier, krok 28
Vytvorenie online hier, krok 28

Krok 13. Pridajte premenné

V Construct 2 existujú dva typy premenných: inštančné premenné a globálne premenné. Umožňuje vám vytvárať skóre pre svoje objekty a hry, napríklad zdravie, časový limit, skóre a ďalšie.

  • Instantná premenná - premenná inštancie je priradená jednému objektu. Toto sa používa na veci ako nepriatelia a zdravie 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, ktorý môže odkazovať na udalosť, a tiež počiatočnú hodnotu.
  • Globálna premenná - Globálne premenné sú premenné, ktoré sú priradené k celej hre. Používa sa na veci, ako sú skóre hráčov. Ak chcete vytvoriť globálnu premennú, prejdite na stránku Udalosti a kliknite pravým tlačidlom myši na prázdne miesto. Kliknite na „Zadať globálnu premennú“, pomenujte ju, aby sa na ňu v prípade dalo odkazovať, a potom zadajte počiatočnú hodnotu.
Vytvorenie online hier, krok 29
Vytvorenie online hier, krok 29

Krok 14. Vytvorte rozhrania

Pri vytváraní rozhraní je zvyčajne najlepšie to urobiť v novej vrstve. Rozhranie sa totiž veľmi zriedka pohybuje alebo mení, preto je lepšie ho dať na uzamknutú vrstvu. V ráme Vlastnosti pre novú vrstvu nastavte „Paralaxa“na 0. To udrží vrstvu posunutú pri pohybe obrazovky.

Na vytvorenie rozhrania použite textové polia a premenné. V textovom poli môžete nastaviť, aby sa pravidelne zobrazovalo zdravie, skóre, munícia alebo čokoľvek, čo hráč potrebuje

Vytvorenie online hier, krok 30
Vytvorenie online hier, krok 30

Krok 15. Otestujte a zrevidujte svoju hru

Teraz, keď máte na obrazovke niekoľko objektov s udalosťami a správaním, môžete začať testovať a pridávať obsah. Pomoc a testovanie hry získate kliknutím na tlačidlo „Hrať“v hornej časti obrazovky. Všimnite si všetkého, čo nefunguje, a pokúste sa to opraviť, aby bola vaša hra hrateľná a príjemná.

Vytvorenie online hier, krok 31
Vytvorenie online hier, krok 31

Krok 16. Exportujte svoju 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 ponuku „Súbor“a vyberte „Exportovať“. Uložte projekt na miesto, ktoré je pre vás ľahké nájsť.

Vytvorenie online hier, krok 32
Vytvorenie online hier, krok 32

Krok 17. Zverejnite hru

Existuje niekoľko stránok, ktoré vám umožňujú nahrávať hry HTML5, ktoré môžu hrať ostatní. Hry môžete tiež pridať na svoj vlastný web. V tejto príručke nájdete podrobnosti o tom, ako nahrať hry na svoj vlastný web.

Tipy

  • Ak vás viac zaujíma zoznámenie sa s kódom hier Flash, na vytváranie hier môžete použiť kód Flash Builder a ActionScript3. Bude to trvať dlhšie, ale môže to viesť k jedinečnejšiemu zážitku. Pozrite si sprievodcu programom v ActionsScript3.
  • Vzdajte poctu akémukoľvek zdroju, z ktorého ste čerpali nápady a obsah, a každému, kto vám pomohol pri vytváraní hry.

Odporúča: