Jak vyrábět online hry (s obrázky)

Obsah:

Jak vyrábět online hry (s obrázky)
Jak vyrábět online hry (s obrázky)

Video: Jak vyrábět online hry (s obrázky)

Video: Jak vyrábět online hry (s obrázky)
Video: How to Insert Bookmark in Word 2024, Smět
Anonim

Hráli jste někdy online hru a říkali si: „Přál bych si, abych jednu z nich vytvořil, mám nějaké skvělé nápady“? V minulosti bylo nutné naučit se kódovat v jazyce ActionScript 3, jazyce, který ovládá Flash. Díky některým programům pro vytváření her je však zkušenost s kódováním podmínkou minulosti. Zábavné a hluboké hry můžete vytvářet manipulací s objekty a logikou, aniž byste se museli dotknout řádku kódu.

Kroky

Část 1 ze 4: Navrhování hry

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

Krok 1. Napište základní popis

Zahrňte funkce a to, co chcete, aby hráč dosáhl. Je dobré mít napsaný základní obrys toho, co chcete se svou hrou dělat, abyste na ni mohli odkazovat, zatímco na ní pracujete.

V této příručce najdete další podrobnosti o psaní dokumentu o designu hry

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

Krok 2. Nakreslete nějaké skici

Nakreslete základní rozvržení toho, jak mají obrazovky vypadat. Ty nemusí 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. Ty budou později neuvěřitelně užitečné, když začnete vytvářet rozhraní pro svoji hru.

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

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

Abyste mohli vytvářet hry Flash, tradičně byste se museli naučit kódovat v jazyce ActionScript 3. I když to stále můžete, jsou k dispozici programy, které usnadňují učení se tvorbě her a nevyžadují žádné zkušenosti s kódováním. Mezi nejoblíbenější možnosti vytváření her patří:

  • Stencyl - Jedná se o novější nástroj, který vám umožňuje vytvářet hry pomocí objektů a logických skriptů. Tyto hry pak lze převést na Flash projekty a nahrát na jakýkoli web, který podporuje Flash hry.
  • Construct 2 - Jak Flash stárne, začal být nahrazován jinými způsoby vytváření her. Jedním z nejnovějších způsobů, jak vytvořit online hru, je použití 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í, podobně jako Stencyl.
  • Flash Builder - Toto je tradiční metoda pro vytváření Flash her. To vyžaduje značné množství znalostí jazyka ActionScript, ale je to jeden z jednodušších jazyků, kde se lze naučit základy. Flash Builder stojí peníze, ale k získání většiny stejných funkcí můžete použít open-source program FlashDevelop.

Část 2 ze 4: 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í. Místo toho můžete k manipulaci s objekty ve hře použít různé logické nástroje.

Stencyl lze použít zdarma, pokud chcete svou hru publikovat pouze 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 příkladů her, na které se můžete podívat a zjistit, jak fungují. Chcete -li začít pracovat na vlastní hře, klikněte na pole s tečkovanou čarou označenou „Kliknutím sem vytvoříte novou hru“.

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

Krok 3. Vyberte soupravu

Existuje několik sad, které obsahují předem připravená aktiva a objekty, které vám mohou pomoci rychle spustit hru. Vyberte si sadu, pokud chcete, nebo vyberte „Prázdná hra“, pokud si plánujete vytvořit vlastní.

Online si můžete stáhnout sady, které vytvořili ostatní uživatelé

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

Krok 4. Zadejte informace o hře

Než začnete vytvářet hru, budete muset zadat několik informací.

  • Název - Toto je název vaší hry. Později to můžete změnit na cokoli chcete.
  • Velikost obrazovky - Toto je velikost obrazovky vaší hry a je velmi důležitá, protože ovlivní umění, které používáte. Protože lidé budou s největší pravděpodobností hrát vaši hru ve webovém prohlížeči, nemusí být velikost obrazovky příliš velká. Zkuste Šířka: 640 px Výška: 480 px. To je dobrá velikost pro začátek.
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í nové 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 hlavním panelu.

  • Scény - Toto je hlavní okno řídicího panelu a zobrazuje skutečnou hru a všechna aktiva. Vaše hra bude sbírkou scén.
  • Zdroje - Toto je seznam všech předmětů a aktiv ve vaší hře. obsahuje herce, pozadí, písma, scény, logiku, zvuky a sady dlaždic. Prostředky jsou uspořádány do stromu na levé straně obrazovky.
  • Nastavení - Možnosti hry a nastavení vám umožňují upravit, jak funguje mechanika vaší hry, včetně ovládacích prvků, gravitace, kolizí, načítání obrazovek a dalších.
Vytvořte online hry Krok 9
Vytvořte online hry Krok 9

Krok 6. Přizpůsobte herce

Herec je jakýkoli předmět, který se ve hře pohybuje nebo s ním lze interagovat (hráč, 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. Vyberte ze seznamu požadovaného herce (seznam je určen sadou, kterou jste si vybrali).

  • Přiřaďte herce ke skupině (hráč, nepřítel). To pomůže určit kolizní vlastnosti herce. Vyberte svého herce a otevřete editor herců. Klikněte na kartu Vlastnosti a v rozevírací nabídce vyberte příslušnou skupinu.
  • Přidejte chování (skákání, dupání, chůze). Chování je to, co umožňuje vašemu herci provádět akce. Klikněte na kartu 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“.
  • Nastavte ovládací prvky. Pokud vytváříte postavu hráče, pravděpodobně budete chtít hráči povolit, aby ji přesunul. Když přidáte chování při chůzi, dostanete se na obrazovku Atributy chůze. Pomocí rozevíracích nabídek můžete vybrat, jaké klávesy herce přesunou doleva a doprava. Můžete také přiřadit animace, pokud sada, kterou používáte, nějakou obsahuje.
  • Můžete přidat více chování, abyste přizpůsobili, co může herec 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. Je to pozadí, stejně jako všechny objekty a herci, které jsou viditelné. Chcete -li vytvořit novou scénu, klikněte na možnost Scény ve stromu prostředků a poté klikněte na přerušované pole. Pokračujte pojmenováním své nové scény.

  • Pozadí - Velikost vaší scény bude automaticky nastavena, takže si s tím v tuto chvíli nemusíte dělat starosti. Můžete se rozhodnout použít barvu jako pozadí, na které budou umístěny dlaždice. Můžete si vybrat z plné barvy nebo přechodu. Po dokončení klikněte na „Vytvořit“. Tím se otevře Scene Designer.
  • Umístit dlaždice - Sada dlaždic obsažená ve vaší sadě se načte na pravou stranu okna. V levé nabídce klikněte na nástroj Tužka a poté klikněte na dlaždici, kterou chcete použít. Poté můžete umístit dlaždici na scénu. Kliknutím a tažením myší umístíte více dlaždic.
  • Umístění herců - Kliknutím na kartu Herci nad sadou dlaždic přepnete na dostupné herce. Aby se mohli objevit v tomto seznamu, musíte je mít vytvořené dříve. Klikněte na herce, kterého chcete umístit, a poté klikněte na místo na scéně, kde se má objevit. Pokud podržíte ⇧ Shift, herec se přichytí k mřížce.
  • Přidání 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 gravitaci.
Vytvořte online hry Krok 11
Vytvořte online hry Krok 11

Krok 8. Otestujte hru

Jakmile vytvoříte scénu a umístíte několik herců, můžete si hru vyzkoušet. Kliknutím na tlačítko „Testovat hru“v horní části obrazovky si zahrajete to, co zatím máte. Klíče, které jste nastavili při vytváření herců, můžete použít k ovládání postavy hráče.

Najděte všechny aspekty, které nefungují, a pokuste se je opravit. Chovají se například nepřátelé správně? Dokážete porazit své nepřátele? Existují nějaké platformy, které jsou nedosažitelné, nebo propasti, které nelze překročit? Vraťte se do příslušné oblasti svého editoru her a opravte všechny problémy, se kterými se setkáte. Může to chvíli trvat, ale konečný výsledek bude mnohem zábavnější a hratelnější hra

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

Krok 9. Přidejte další

Nyní, když máte funkční, hratelnou první scénu, je čas začít stavět celou hru. Přidejte další úrovně a výzvy a pokračujte v testování svých 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 nahrávat na vlastní web, pravděpodobně budete chtít povolit „Zamykání stránek“. Tím se zabrání hraní vaší hry, pokud není na povoleném seznamu webů.

  • Otevřete „Nastavení hry“ve stromu „Prostředky“. Vyberte sekci „Zavaděč“. Do pole „Zámek webu“zadejte weby, které chcete povolit, oddělené čárkou bez mezery. Například newgrounds.com, kongregate.com.
  • Na této obrazovce zadejte svou domovskou stránku do pole „Vaše domovská stránka“, pokud ji máte. Díky tomu budou hráči, kteří hrají vaši hru, propojeni s vaším webem.
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 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 hostitele podle vašeho výběru. Existuje celá řada online webů, které hostují flashové hry, a některé vám dokonce mohou vydělávat peníze na příjmech z reklamy s vaší hrou. Svou hru můžete také nahrát na svůj vlastní web, ale budete se chtít ujistit, že máte k dispozici šířku pásma, která bude vyhovovat hráčům, pokud se hra stane populární.

  • Nahrajte si hru na své vlastní webové stránky.
  • Pokud chcete nahrát svou hru na web, jako je Newgrounds nebo Kongregate, budete si muset vytvořit účet a poté projít procesem nahrávání na web. Podmínky se budou lišit web od webu.
  • Pokud chcete svou hru publikovat na Stencyl Arcade, můžete tak učinit z programu Stencyl. Klikněte Publikovat vyberte Stencyl a poté klikněte na Arcade. Hra se automaticky nahraje, takže se ujistěte, že jste se jménem spokojeni. Stencyl Arcade má limit velikosti souboru 8 MB.

Část 3 ze 4: 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 přiřadit některé proměnné, ale to vše se provádí prostřednictvím nabídek bez nutnosti skutečného kódování.

Construct 2 je zdarma, ačkoli některé funkce jsou omezené, pokud neprovedete upgrade. 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“zahájíte novou hru. Existuje také několik zahrnutých příkladů, které můžete použít k vytvoření základních her.

Při vytváření nového projektu dostanete seznam šablon. U prvního projektu budete pravděpodobně chtít začít s prázdným projektem. To vám umožní seznámit se se 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ém rámečku okna projektu uvidíte řadu položek 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. Vložte 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 různých míst online.

  • Nastavte pozadí na velikost rozvržení. Proveďte to výběrem objektu na pozadí a změnou velikosti v rámečku Vlastnosti.
  • Změňte název vrstvy a zamkněte ji. Budete chtít vrstvu zamknout, abyste zabránili jejímu nechtěnému přesunu při umísťování dalších předmětů. Klikněte na kartu „Vrstvy“v pravé části obrazovky. Vyberte vrstvu a klikněte na ikonu 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ě Vrstvy vytvořte novou vrstvu kliknutím na tlačítko „+“. Přejmenujte jej na „Hlavní“. To bude vrstva, na které sídlí 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 vstupy pro svoji hru

V Construct 2 budou vaše vstupy nutné přidat jako objekty do vaší hry. Jsou neviditelní a umožní použití klávesnice a myši v celém projektu.

Poklepejte na své rozložení a v části Vstup 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

Je na čase začít přidávat do rozložení nějaké herní objekty. Poklepejte na rozvržení a v části Obecné vyberte „Sprite“. Pomocí nitkového kříže vyberte, kam chcete skřítka umístit. Otevře se editor obrázků, který vám umožní buď načíst stávající sprite, nebo vytvořit nový.

Když ve svém rozložení vyberete sprity, načtou se vlastnosti sprite v levém rámečku. Změňte název skřítka, abyste jej mohli snáze identifikovat a odkazovat se na něj

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

Krok 8. Přidejte ke svým objektům chování

Chcete -li přidat chování, klikněte na objekt, do kterého chcete přidat úplné 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ředem nakonfigurované logické části, které vám umožňují rychle přidat funkce do vašich objektů. Můžete si vybrat ze široké škály předem připravených chování, která mohou provádět širokou škálu funkcí. Například, aby byla podlaha pevná, dejte jí chování „Solid“. Chcete-li postavu hráče přesunout do osmi směrů, dejte mu chování „pohyb 8 směrů“

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

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

Můžete upravit stávající chování a přizpůsobit tak způsob fungování vašich objektů. 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 hnacím motorem hry. Pokud jsou splněny podmínky, dojde k události. Pokud podmínky nejsou splněny, událost nenastane. List událostí se obvykle spouští přibližně 60krát za sekundu. Každému spuštění se říká „zatržítko“.

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

Krok 11. Vytvořte událost

Poklepejte na prázdný list událostí. Zobrazí se seznam dostupných objektů. Vyberte objekt, pro který chcete vytvořit událost, nebo můžete vytvořit událost systému.

  • Vyberte, kdy k akci dojde. Po výběru objektu budete vyzváni k výběru, kdy má k události dojít. To může být založeno na jiných událostech nebo v určitých časech. „Každé zaškrtnutí“je vždy.
  • Přidejte akci. Budete požádáni, abyste vybrali jeden ze svých objektů. Vyberte si ze seznamu akcí. Pokud například děláte střílečku shora dolů a chcete, aby se postava hráče stále dívala na myš, vytvořili byste akci „Nastavit úhel směrem k poloze“na každé zatržítko nastavené na objekt Player. 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 směřovat ke kurzoru.
Vytvořte online hry Krok 27
Vytvořte online hry Krok 27

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

To jsou páteře vaší hry. Přidávání a ladění chování a událostí vám pomůže vytvořit jedinečnou a zábavnou hru, kterou budou lidé toužit hrát. Experimentujte s různými událostmi a pokuste se získat přesně takovou hru, jakou chcete.

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

Krok 13. Přidejte nějaké proměnné

V Construct 2 existují dva typy proměnných: proměnné instance a globální proměnné. Ty vám umožňují nastavit vlastní hodnoty pro vaše objekty a hry, například zdraví, časové limity, skóre a další.

  • Proměnné instance - Proměnné instance jsou proměnné přiřazené jednotlivým objektům. Používají se k věcem, jako je zdraví nepřátel a hráčů. Proměnné instance můžete přidat po výběru objektu kliknutím na odkaz „Přidat / upravit“v části Proměnné v rámečku Vlastnosti. Pojmenujte proměnnou název, na který lze v události odkazovat, a také počáteční hodnotu.
  • Globální proměnné - Globální proměnné jsou proměnné přiřazené celé hře. Používají se k věcem, jako je skóre hráče. Chcete-li vytvořit globální proměnnou, otevřete list událostí a klikněte pravým tlačítkem na prázdné místo. Klikněte na „Přidat globální proměnnou“, pojmenujte ji, na kterou lze 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ě. Rozhraní se totiž málokdy přesouvá nebo mění, takže je dobré ho mít na uzamčené vrstvě. V rámečku Vlastnosti pro novou vrstvu nastavte "Paralaxa" na 0. Tím se zabrání posouvání vrstvy, když se obrazovka objeví.

K vytvoření rozhraní použijte textová pole a proměnné. Můžete nastavit textová pole tak, aby zobrazovala zbývající zdraví, skóre, munici nebo cokoli jiného, co by hráč potřeboval pravidelně vidět

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ějaké objekty s událostmi a chováním, můžete začít testovat a přidávat obsah. Kliknutím na tlačítko „Hrát“v horní části obrazovky hru sestavíte a otestujete. Poznamenejte si vše, co nefungovalo, a zkuste to opravit, aby vaše hra byla hratelná a zábavná.

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

Krok 16. Exportujte 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 Soubor nabídku a vyberte Exportovat. Uložte projekt na místo, které můžete snadno lokalizovat.

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í. Hru můžete také přidat na svůj vlastní web. V této příručce najdete podrobnosti o nahrávání hry na vlastní webové stránky.

Část 4 ze 4: Kódování od nuly

Krok 1. Stáhněte si programovací IDE (Integrated Development Environment), které podporuje HTML, například Game Maker Studio

Některé jsou k dispozici zdarma, i když mnoho z nejlepších IDE stojí stovky dolarů.

Krok 2. Naučte se používat IDE

Naučit se programovat ve svém prostředí je neuvěřitelně důležité. Zapamatování většiny běžného kódu a naučit se věci správně implementovat může trvat týdny nebo dokonce měsíce. Buďte trpěliví a všechno se vyplatí!

Krok 3. Vytvořte si hru, jakmile si myslíte, že jste připraveni

Vytvoření designového dokumentu nebo zaznamenání některých myšlenek je skvělý začátek. Programování hry může trvat měsíce, nebo pokud to myslíte s hity opravdu vážně, i rok nebo dva.

Krok 4. Otestujte hru

Určitě zkuste dělat bláznivé nebo neočekávané věci a vymačkejte co nejvíce chyb. Zkuste také zjistit, zda je hra tak, jak jste chtěli, nebo se musíte vrátit a provést změny.

Krok 5. Zveřejněte to

Zveřejněte svou hru online na webu, jako je Kongregate. Měli byste být připraveni na konstruktivní kritiku a možná budete chtít aktualizovat svoji hru tak, aby splňovala přání vaší hráčské základny.

Tipy

  • Pokud vás více zajímá seznámení s kódem Flash her, můžete k vytváření vlastních her použít kód Flash Builder a ActionScript 3. Bude to trvat déle, ale může to mít za následek jedinečnější zážitek. Podrobnosti o programování v Actions Script 3 najdete v této příručce.
  • Udělejte kredit jakýmkoli zdrojům, ze kterých jste čerpali nápady nebo obsah, a všem ostatním, kteří pomohli s vytvořením hry.

Doporučuje: