3 způsoby, jak vytvořit online hru

Obsah:

3 způsoby, jak vytvořit online hru
3 způsoby, jak vytvořit online hru

Video: 3 způsoby, jak vytvořit online hru

Video: 3 způsoby, jak vytvořit online hru
Video: Začínáme stříhat v iMovie: První kroky, základní orientace, import médií - 1. díl kurzu 2024, Smět
Anonim

Hráli jste někdy online hru a říkali jste si: „Chci něco takového vyrobit, mám pár skvělých nápadů“? V minulosti jste se museli naučit kódovat v jazyce ActionScript 3, což je jazyk, který podporuje Flash. Díky některým programům pro tvorbu her je však zkušenost s kódováním minulostí. Manipulací s objekty a logikou si můžete hry užít zábavné a pohlcující, aniž byste se museli dotknout jakýchkoli řádků kódu.

Krok

Metoda 1 ze 3: Navrhování her

Vytvořte online hry Krok 1
Vytvořte online hry Krok 1

Krok 1. Napište základní popis

Zadejte funkce a to, čeho chcete, aby hráč dosáhl. Je skvělé mít základní osnovu toho, co chcete se svou hrou dělat písemně, abyste ji mohli vidět, jak na ní pracujete.

V této příručce najdete další podrobnosti o psaní dokumentů o návrhu hry

Vytvořte online hry Krok 2
Vytvořte online hry Krok 2

Krok 2. Nakreslete nějaké skici

Nakreslete základní design obrazovky tak, jak chcete. Nemusí to být příliš podrobné, ale měli byste mít alespoň představu o tom, kde budou různé prvky na obrazovce umístěny. To se vám bude hodit později, když začnete budovat rozhraní pro svoji hru.

Vytvořte online hry Krok 3
Vytvořte online hry Krok 3

Krok 3. Vyberte způsob vytvoření hry

Zpočátku se musíte naučit kód pro ActiopnScript3 pro vytváření Flash her. I když to stále můžete, jsou k dispozici programy, které usnadňují učení se vytváření her a nevyžadují žádné zkušenosti s kódováním. Mezi oblíbené možnosti vytváření her patří:

  • Stencyl - Jedná se o novější nástroj, který vám umožňuje vytvářet hry pomocí objektových skriptů a logiky. Tuto hru lze poté převést na projekt Flash a nahrát na jakýkoli web, který podporuje hry Flash.
  • Construct 2 - Jak Flash stárne, měl by být nahrazen jinými způsoby vytváření her. Jedním z nejnovějších způsobů vytváření online her je používání HTML5. Obvykle to vyžaduje spoustu znalostí o kódování, ale Construct 2 vám umožňuje vytvářet hry pomocí objektů a skriptování, jako je Stencyl.
  • Flash Builder - Toto je tradiční metoda pro vytváření Flash her. Vyžaduje značné množství znalostí jazyka ActionScript, ale je jedním z jednodušších jazyků, jejichž osvojení je základem. Flash Builder stojí peníze, ale pro mnoho stejných použití můžete použít otevřený program FlashDevelop.

Metoda 2 ze 3: Použití Stencyl

Vytvořte online hry Krok 4
Vytvořte online hry Krok 4

Krok 1. Stáhněte a nainstalujte Stencyl

Stencyl je program pro vytváření her, který nevyžaduje žádné znalosti kódování. K manipulaci s objekty ve hře můžete použít různé logické nástroje.

Stencyl lze používat zdarma pouze v případě, že si přejete publikovat svoji hru online. Bezplatná verze bude mít na začátku logo Stencyl. Pokud získáte placenou verzi, můžete publikovat na jiných platformách

Vytvořte online hry Krok 5
Vytvořte online hry Krok 5

Krok 2. Vytvořte svou novou hru

Když spustíte Stencyl, zobrazí se vám seznam vašich her. V seznamu bude několik ukázkových her, na které se můžete podívat, jak fungují. Chcete -li začít pracovat na své hře, klikněte na tečkované pole označené „Kliknutím sem vytvoříte novou hru“.

Vytvořte online hry Krok 6
Vytvořte online hry Krok 6

Krok 3. Vyberte si soupravu

Existuje několik sad, které obsahují hotová aktiva a objekty, které vám mohou pomoci rychle spustit hru. Vyberte si sadu, pokud chcete, nebo vyberte „Prázdná hra“(Prázdná hra)

Soupravy vytvořené jinými uživateli si můžete stáhnout online

Vytvořte online hry Krok 7
Vytvořte online hry Krok 7

Krok 4. Zadejte informace o hře

Než začnete stavět svoji hru, musíte zadat nějaké informace.

  • Název - Toto je název vaší hry. Později to můžete změnit na cokoli chcete.
  • Velikost obrazovky - Toto je velikost obrazovky a je velmi důležitá, protože ovlivní umění, které používáte. Vzhledem k tomu, že lidé obvykle budou hrát vaši hru pomocí webového prohlížeče, nemusí být velikost obrazovky tak velká. Zkuste to Šířka: 640 px Výška: 480 px. Pro začátek je to dobrá velikost.
Vytvořte online hry Krok 8
Vytvořte online hry Krok 8

Krok 5. Seznamte se s rozložením

Při prvním načtení hry budete přesměrováni na hlavní panel. Zde můžete vidět všechny scény vaší hry a získat přístup ke všem zdrojům. Odtud můžete také změnit nastavení hry. Většinu času strávíte prací na Dashboardu.

  • Scéna - Toto je hlavní okno řídicího panelu a zobrazuje skutečnou hru a veškerá aktiva. Vaše hra bude sbírkou scén.
  • Zdroje - Toto je seznam všech předmětů a aktiv ve vaší hře. To zahrnuje herce, pozadí, písma, scény, logiku, zvuky a sady dlaždic. Zdroje jsou uspořádány do stromu v levé části obrazovky.
  • Nastavení - Možnosti hry a nastavení vám umožňují přizpůsobit si fungování vaší herní mechaniky, včetně ovládání, gravitace, pádů, načítání obrazovky a dalších.
Vytvořte online hry Krok 9
Vytvořte online hry Krok 9

Krok 6. Vytvořte herce

Herec je jakýkoli předmět, který se ve hře pohybuje nebo s ním lze interagovat (hráči, nepřátelé, dveře atd.) Pro každý objekt ve hře budete muset vytvořit herce. Chcete -li vytvořit herce, klikněte na možnost „Typy herců“v nabídce Prostředky. Ze seznamu vyberte požadovaného herce (seznam je určen ze sady, kterou jste vybrali).

  • Přiřaďte herce do skupin (Hráči, Nepřátelé). To pomůže určit kolizní vlastnosti herce. Vyberte svého herce a otevřete editor herců. Poté klikněte na kartu Vlastnosti a v rozevírací nabídce vyberte příslušnou skupinu.
  • Vyberte si chování (skákání, šlapání, chůze). Chování je to, co umožňuje vašemu herci něco udělat. Klikněte na Chování a poté klikněte na tlačítko „+ Přidat chování“v levém dolním rohu. Ze seznamu vyberte chování (například „Chůze“) a poté klikněte na „Vybrat“.
  • Nastavit ovládání. Pokud vytváříte postavu hráče, budete chtít hráči umožnit pohyb. Když přidáte chování při chůzi, dostanete se na obrazovku Atributy chůze. Pomocí nabídky můžete vybrat, jaká klávesa přesune herce doleva a doprava. Můžete také nainstalovat animace, pokud je sada, kterou používáte, obsahovat.
  • Můžete přidat spoustu chování a nastavit, co mohou herci dělat.
Vytvořte online hry Krok 10
Vytvořte online hry Krok 10

Krok 7. Vytvořte scénu

Scéna je to, co hráč vidí při hraní hry. Toto je pozadí, stejně jako všechny viditelné objekty a herci. Chcete -li vytvořit novou scénu, klikněte na možnost Scény ve stromu prostředků a poté klikněte na orámované pole. Pojmenujte svou novou scénu a pokračujte.

  • Pozadí - Velikost vaší scény bude automaticky změněna, takže si s tím zatím nemusíte dělat starosti. Můžete se rozhodnout použít barvu jako pozadí, které bude nad ní obloženo. Můžete si také vybrat z plných nebo přechodových barev. Po dokončení klikněte na „Vytvořit“. Tím se otevře Scene Designer.
  • Umístit dlaždice - Sady dlaždic, které jsou součástí vaší sady, se načtou na pravou stranu okna. V nabídce vlevo klikněte na nástroj Tužka a poté klikněte na dlaždici, kterou chcete použít. Poté můžete na scénu pokládat dlaždice. Kliknutím a tažením myší položíte dvojité dlaždice.
  • Postavte herce. Kliknutím na kartu Herci nad sadou dlaždic přepnete na dostupné herce. Aby se v tomto seznamu objevil, musíte si jej předem vytvořit. Klikněte na herce, kterého chcete umístit, a klikněte na scénu, kde se má objevit. Pokud stisknete Shift, herec se tam přesune.
  • Přidána gravitace. Klikněte na kartu „Fyzika“v horní části okna a poté zadejte hodnotu do pole „Gravitace (vertikální)“. Zadání 85 bude simulovat skutečnou zemskou gravitaci.
Vytvořte online hry Krok 11
Vytvořte online hry Krok 11

Krok 8. Otestujte hru

Jakmile vytvoříte scénu a nasadíte nějaké herce, můžete si hru vyzkoušet. Kliknutím na tlačítko „Testovat hru“v horní části obrazovky přehrajete to, co jste nyní vytvořili. Nastavené klávesy můžete použít k ovládání postavy hráče.

Hledejte všechny aspekty, které nefungují, a zkuste to opravit. Chová se například nepřítel správně? Dokážete porazit nepřítele? Existují nedosažitelné platformy nebo neprůchodné propasti? Vraťte se do příslušné oblasti herního editoru a vyřešte všechny problémy, se kterými se setkáte. Může to chvíli trvat, ale konečný výsledek bude zábavnější a snadnější hrát

Vytvořte online hry Krok 12
Vytvořte online hry Krok 12

Krok 9. Přidejte další

Nyní, když máte funkční a hratelnou scénu, je čas postavit celou hru. Přidejte úrovně a výzvy a pokračujte v testování doplňků, abyste se ujistili, že jsou zábavné a fungují správně.

Vytvořte online hry Krok 13
Vytvořte online hry Krok 13

Krok 10. Site Lock your game

Pokud budete hru nahrávat na web, který hostí hry Flash, nebo ji nahrajete na svůj vlastní web, měli byste použít „Site Lock“. Tím se zabrání hraní vaší hry, pokud není na seznamu povolených stránek.

  • Otevřete „Nastavení hry“ve stromu „Prostředky“. Vyberte sekci „Loader“. Do pole „Site Lock“zadejte povolené stránky oddělené čárkami a mezerami. Například newgrounds.com, kongregate.com.
  • Když jste stále na této obrazovce, zadejte svou domovskou stránku do pole „Vaše domovská stránka“, pokud ji máte. To umožní hráčům hrajícím vaši hru odkaz na váš web/
Vytvořte online hry Krok 14
Vytvořte online hry Krok 14

Krok 11. Exportujte hru jako Flash

Jakmile budete s hrou spokojeni, můžete ji exportovat do formátu Flash. To vám umožní nahrát hru na web, který hostí hry Flash, nebo na vlastní web. Klikněte na 'Publikovat' (Publikovat), vyberte „Web“a poté klikněte na „Flash“. Uložte soubor na snadno dostupné místo v počítači.

Vytvořte online hry Krok 15
Vytvořte online hry Krok 15

Krok 12. Zveřejněte hru

Jakmile máte soubor Flash (. SWF), můžete jej nahrát na web podle vašeho výběru. Existuje několik stránek online, které hostují hry Flash, a některé vám dokonce mohou umožnit vydělávat peníze z příjmů z reklam. Můžete také nahrávat hry na své vlastní webové stránky, ale měli byste se ujistit, že máte šířku pásma, která bude vyhovovat hráčům, pokud se hra stane populární.

  • Podívejte se na tuto příručku pro nahrávání her na vlastní web.
  • Pokud chcete nahrát svou hru na web, jako je Newgrounds nebo Kongregate, budete si muset vytvořit účet a poté pro tyto stránky projít procesem nahrávání. Podmínky se pro každý web liší.
  • Pokud chcete svou hru publikovat na Stencyl Arcade, můžete tak učinit z programu Stencyl. Klikněte na „Publikovat“, vyberte „Stencyl“a poté klikněte na „Arkáda“. Hra se automaticky nahraje, takže se ujistěte, že jste se jménem spokojeni. Stencyl Arcade má limit velikosti souboru MB.

Metoda 3 ze 3: Použití konstrukce 2

Vytvořte online hry Krok 16
Vytvořte online hry Krok 16

Krok 1. Stáhněte a nainstalujte Construct 2

Tento program vám umožňuje vytvářet hry HTML5 s velmi malým kódováním. Budete muset nastavit několik proměnných, ale to vše se provádí pomocí nabídky bez nutnosti kódování.

Construct 2 je zdarma, i když některé funkce jsou kromě upgradu omezené. Bezplatná verze nemůže publikovat na jiných platformách než HTML5

Vytvořte online hry Krok 17
Vytvořte online hry Krok 17

Krok 2. Vytvořte nový projekt

Při prvním spuštění Construct 2 vás uvítá uvítací nabídka. Kliknutím na odkaz „Nový projekt“spustíte novou hru. Existuje také několik příkladů, které můžete použít k vytvoření základní hry.

Při zahájení nového projektu se vám zobrazí seznam šablon. Pro váš první projekt doporučujeme začít s prázdným projektem. To vám umožní zvyknout si na základy, aniž by vám šablony překážely

Vytvořte online hry Krok 18
Vytvořte online hry Krok 18

Krok 3. Upravte nastavení projektu

V levé části okna projektu uvidíte řadu objektů v rámečku Vlastnosti. Pomocí toho můžete nastavit velikost obrazovky a zadat informace o hře a společnosti.

Vytvořte online hry Krok 19
Vytvořte online hry Krok 19

Krok 4. Zadejte pozadí

Poklepejte na rozložení. V části Obecné vyberte „Pozadí s dlaždicemi“. Kliknutím na rozložení umístíte pozadí. Tím se otevře editor na pozadí. Budete si muset vytvořit vlastní pomocí softwaru pro úpravu obrázků nebo stáhnout textury z několika online umístění.

  • Nastavte pozadí na velikost rozložení. Proveďte to výběrem objektu na pozadí a jeho změnou velikosti v rámečku Vlastnosti.
  • Přejmenujte vrstvu a zamkněte ji. Vrstvu byste měli zamknout, abyste se vyhnuli nechtěnému posunutí při umísťování jiných předmětů. Klikněte na kartu „Vrstvy“v pravé části obrazovky. Vyberte vrstvu a klikněte na tlačítko Tužka. Pojmenujte vrstvu „Pozadí“a poté kliknutím na tlačítko „Visací zámek“pozadí zamkněte.
Vytvořte online hry Krok 20
Vytvořte online hry Krok 20

Krok 5. Vytvořte novou vrstvu

Na kartě vrstev vytvořte novou vrstvu kliknutím na tlačítko „+“. Pojmenujte jej „Hlavní“. Toto bude vrstva, kde bude sídlit většina vašich herních objektů. Před pokračováním se ujistěte, že je vybrána hlavní vrstva.

Vytvořte online hry Krok 21
Vytvořte online hry Krok 21

Krok 6. Přidejte vstup pro svoji hru

V Construct 2 musí být váš vstup přidán jako objekt do vaší hry. Je neviditelný a umožní použití klávesnice a myši v projektu.

Poklepejte na rozložení a ze vstupní části vyberte „Myš“. Totéž proveďte pro vložení objektu „Klávesnice“

Vytvořte online hry Krok 22
Vytvořte online hry Krok 22

Krok 7. Přidejte objekty

Nyní je čas přidat do rozložení nějaké herní objekty. Poklepejte na rozvržení a v obecné části vyberte „Sprite“. Pomocí nitkového kříže vyberte, kam chcete skřítky umístit. Otevře se editor obrázků, který vám umožní načíst existující sprite nebo vytvořit nový.

Když vyberete sprite v rozvržení, vlastnost sprite se načte do levého rámečku. Přejmenujte skřítky, abyste je mohli snáze identifikovat a odkazovat se na ně

Vytvořte online hry Krok 23
Vytvořte online hry Krok 23

Krok 8. Přidejte ke svému objektu chování

Chcete -li přidat chování, vyberte objekt, ke kterému chcete přidat chování, a vyberte jej. Klikněte na odkaz „Přidat/upravit“v části Chování v rámečku Vlastnosti. Zobrazí se seznam dostupných chování.

Chování jsou předkonfigurované logické části, které vám umožní rychle přidat do objektů použitelnost. Můžete si vybrat ze široké škály předem vytvořených chování, která mohou poskytnout širokou škálu použití. Chcete -li například vytvořit pevnou podlahu, dejte jí chování „Solid“. Chcete -li postavu přesunout do 8 směrů, dejte chování „8směrný pohyb“

Vytvořte online hry Krok 24
Vytvořte online hry Krok 24

Krok 9. Změňte vlastnosti chování

Chování můžete upravit tak, aby vyhovovalo způsobu, jakým váš objekt funguje. Hodnoty můžete změnit a změnit tak rychlost, směr a další vlastnosti.

Vytvořte online hry Krok 25
Vytvořte online hry Krok 25

Krok 10. Pochopte, jak události fungují

Události jsou seznamem podmínek a jsou tím, čemu hra uniká. Pokud je podmínka dosažena, událost nastane. Pokud podmínka není splněna, událost nenastane. Stránka události obvykle běží přibližně 60krát za sekundu. Každý běh se nazývá „zatržítko“.

Vytvořte online hry Krok 26
Vytvořte online hry Krok 26

Krok 11. Vytvořte událost

Poklepejte na stránku Události. Zobrazí se seznam dostupných objektů. Vyberte objekt, pro který chcete vytvořit událost, nebo můžete vytvořit System.

  • Vyberte, kdy k akci dojde. Po výběru objektu budete požádáni, abyste vybrali, kdy k události došlo. To může být založeno na jiných událostech nebo v určitý čas. Vždy „každé zatržítko“.
  • Přidat akci. Budete požádáni, abyste vybrali jeden ze svých objektů. Vyberte si ze seznamu akcí. Pokud například vytváříte střílečku a chcete, aby postava hráče vždy směřovala k myši, vytvořili byste akci „Úhel pohledu na pozici“na každé zaškrtnuté sadě na objektu hráče. Až budete vyzváni k zadání souřadnic, zadejte „Mouse. X“pro X a „Mouse. Y“pro Y. Tím bude hráčova loď vždy obrácena ke kurzoru.
Vytvořte online hry Krok 27
Vytvořte online hry Krok 27

Krok 12. Přidejte další události a chování

Toto je páteř vaší hry. Přidávání a zlepšování chování a událostí vám pomůže vytvářet jedinečné a zábavné hry, které si lidé budou chtít zahrát. Experimentujte s různými událostmi a pokuste se získat hru, kterou opravdu chcete.

Vytvořte online hry Krok 28
Vytvořte online hry Krok 28

Krok 13. Přidejte proměnné

V Construct 2 existují dva typy proměnných: proměnné instance a globální proměnné. Umožňuje vám vytvářet skóre pro vaše objekty a hry, jako je zdraví, časový limit, skóre a další.

  • Proměnná instance - Proměnná instance je přiřazena k jednomu objektu. To se používá pro věci jako nepřátelé a zdraví hráčů. Proměnnou instance můžete přidat po výběru objektu kliknutím na odkaz „Přidat/upravit“v části Proměnné v rámci Vlastnosti. Pojmenujte proměnnou názvem, který může odkazovat na událost, a také počáteční hodnotou.
  • Globální proměnná - Globální proměnné jsou proměnné, které jsou přiřazeny k celé hře. Používá se pro věci, jako jsou skóre hráčů. Chcete-li vytvořit globální proměnnou, přejděte na stránku Události a klikněte pravým tlačítkem na prázdné místo. Klikněte na „Zadat globální proměnnou“, pojmenujte ji tak, aby na ni bylo možné v události odkazovat, a poté zadejte počáteční hodnotu.
Vytvořte online hry Krok 29
Vytvořte online hry Krok 29

Krok 14. Vytvořte rozhraní

Při vytváření rozhraní je obvykle nejlepší to udělat na nové vrstvě. Důvodem je, že rozhraní se velmi zřídka pohybuje nebo mění, takže je lepší jej umístit na uzamčenou vrstvu. V rámečku Vlastnosti pro novou vrstvu nastavte „Paralaxa“na 0. To udrží vrstvu posunutou při pohybu obrazovky.

K vytvoření rozhraní použijte textová pole a proměnné. V textovém poli můžete nastavit, aby se pravidelně zobrazovalo zdraví, skóre, munice nebo cokoli, co hráč potřebuje

Vytvořte online hry Krok 30
Vytvořte online hry Krok 30

Krok 15. Otestujte a zrevidujte svoji hru

Nyní, když máte na obrazovce několik objektů s událostmi a chováním, můžete začít testovat a přidávat obsah. Pomozte a otestujte hru kliknutím na tlačítko „Přehrát“v horní části obrazovky. Všimněte si všeho, co nefunguje, a zkuste to opravit, aby byla vaše hra hratelná a zábavná.

Vytvořte online hry Krok 31
Vytvořte online hry Krok 31

Krok 16. Exportujte svou hru

Pokud jste se svou hrou spokojeni, můžete ji exportovat, aby ji bylo možné nahrát na web a hrát kdokoli. Chcete -li hru exportovat, klikněte na nabídku „Soubor“a vyberte „Exportovat“. Uložte projekt na místo, které snadno najdete.

Vytvořte online hry Krok 32
Vytvořte online hry Krok 32

Krok 17. Zveřejněte hru

Existuje několik webů, které vám umožňují nahrávat hry HTML5, které mohou hrát ostatní. Můžete také přidat hry na svůj vlastní web. V této příručce najdete podrobnosti o tom, jak nahrávat hry na vlastní webové stránky.

Tipy

  • Pokud vás více zajímá naučit se kód za flashovými hrami, můžete k vytváření her použít kód Flash Builder a ActionScript3. Bude to trvat déle, ale může to mít za následek jedinečnější zážitek. Viz průvodce programem v ActionsScript3.
  • Pokloňte se jakémukoli zdroji, ze kterého jste čerpali nápady a obsah, a komukoli, kdo vám pomohl hru vytvořit.

Doporučuje: